我们如何使用 selenium python find_elements 方法仅找到视口上存在的 WebElements？

Question

我想自动执行滚动浏览 web 页面并单击按钮的任务。 但是，当尝试使用 driver.find_elements() 查找 web 元素时，会获取视口中不存在的所有 web 元素的列表，因此单击它们会导致错误“MoveTargetOutOfBounds”

    def like(self):
        likeButtonXpath = '//div[@aria-label="Like"]'
        try:
            a = ActionChains(self.browser)
            likeWebElements = self.browser.find_elements(
                By.XPATH, likeButtonXpath)
            for element in likeWebElements:
                try:
                    a.move_to_element(element).perform()
                    sleep(3)
                    element.click()
                except:
                    print("error while clicking button")
        except Exception as e:
            print(e)

    def scrollLike(self):
        last_height = self.browser.execute_script(
            "return document.body.scrollHeight")
        cnt = self.maxScroll
        curHeight = last_height
        while cnt >= 0:
            self.like()
            self.browser.execute_script("window.scrollBy(0,1000)", "")
            sleep(30)
            new_height = self.browser.execute_script(
                "return document.body.scrollHeight")
            if new_height == last_height:
                break
            last_height = new_height
            cnt -= 1

Answer 1

无法告诉driver.find_elements限制其对视口中元素的搜索。 一种可能的解决方法是计算元素的坐标，然后滚动到它们，但这通常是一项艰巨的任务，几乎不可能获得精确的坐标。

使用 javascript 和scrollIntoView我们可以轻松地将所需的元素放入视口中。

driver.execute_script('arguments[0].scrollIntoView();', element)

通过添加block: "center"滚动将以元素位于视口中心的方式执行。 通过添加behavior: "smooth"滚动将变得平滑。

driver.execute_script('arguments[0].scrollIntoView({block: "center", behavior: "smooth"});', element)