如何用Selenium Python的find_elements方法仅查找视口内的WebElement？

问题根源 #

你的代码中find_elements()会返回页面上所有匹配XPATH的元素，包括那些不在当前视口内的元素。直接对这些元素执行move_to_element()和click()时，因为元素未在可视区域，会触发MoveTargetOutOfBounds错误。另外当前逻辑是先点击再滚动，还会导致重复点击已处理过的元素，效率低下。

可行解决方案 #

1. 只处理当前视口内的元素

通过JavaScript判断元素是否处于视口范围内，过滤掉不可见的元素后再操作：

def like(self):
    likeButtonXpath = '//div[@aria-label="Like"]'
    try:
        likeWebElements = self.browser.find_elements(By.XPATH, likeButtonXpath)
        # 过滤出视口内的元素
        visible_elements = []
        for elem in likeWebElements:
            # 用JS检查元素是否在视口内
            is_visible = self.browser.execute_script("""
                const rect = arguments[0].getBoundingClientRect();
                return rect.top >= 0 && rect.bottom <= window.innerHeight;
            """, elem)
            if is_visible:
                visible_elements.append(elem)
        
        for element in visible_elements:
            try:
                element.click()
                sleep(3)
            except Exception as e:
                print(f"点击按钮出错: {e}")
    except Exception as e:
        print(e)

2. 强制滚动到元素位置后再点击

如果需要处理所有元素（包括视口外的），可以先用JavaScript将元素滚动到视口中央，再执行点击操作，比ActionChains.move_to_element()更可靠：

def like(self):
    likeButtonXpath = '//div[@aria-label="Like"]'
    try:
        likeWebElements = self.browser.find_elements(By.XPATH, likeButtonXpath)
        # 记录已处理的元素，避免重复点击
        processed_elements = set()
        
        for element in likeWebElements:
            elem_id = element.id
            if elem_id in processed_elements:
                continue
            processed_elements.add(elem_id)
            
            try:
                # 用JS滚动元素到视口中央
                self.browser.execute_script("""
                    arguments[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
                """, element)
                sleep(2)
                element.click()
                sleep(3)
            except Exception as e:
                print(f"点击按钮出错: {e}")
    except Exception as e:
        print(e)

3. 调整滚动与点击的顺序

当前逻辑是先点击再滚动，会导致重复处理旧元素。改为先滚动加载新内容，再处理新出现的元素，同时记录已处理元素的标识避免重复操作：

def scrollLike(self):
    last_height = self.browser.execute_script("return document.body.scrollHeight")
    cnt = self.maxScroll
    processed_elements = set()
    
    while cnt >= 0:
        # 先滚动加载新内容
        self.browser.execute_script("window.scrollBy(0,1000)", "")
        sleep(30)
        
        # 处理当前页面的可点击元素
        likeButtonXpath = '//div[@aria-label="Like"]'
        likeWebElements = self.browser.find_elements(By.XPATH, likeButtonXpath)
        
        for element in likeWebElements:
            elem_id = element.id
            if elem_id not in processed_elements:
                try:
                    self.browser.execute_script("""
                        arguments[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
                    """, element)
                    sleep(2)
                    element.click()
                    sleep(3)
                    processed_elements.add(elem_id)
                except Exception as e:
                    print(f"点击按钮出错: {e}")
        
        # 检查是否到底部
        new_height = self.browser.execute_script("return document.body.scrollHeight")
        if new_height == last_height:
            break
        last_height = new_height
        cnt -= 1

补充说明 #

• 尽量避免用ActionChains.move_to_element()处理视口外元素，部分网站的自定义滚动逻辑会导致该方法失效。
• 添加processed_elements集合是为了防止重复点击已经处理过的按钮，提升脚本效率。
• 可以根据实际情况调整sleep()的时长，匹配页面加载速度。

内容的提问来源于stack exchange，提问作者Sarthak Dubey