Selenium WebDriver：滚动自定义滚动条至WhatsApp网页版目标群组

我来帮你搞定这个自动化WhatsApp网页版的滚动难题～你之前的代码问题在于只滚动了联系人列表容器，但没考虑到WhatsApp的懒加载机制（只有滚动到底部才会加载更多联系人），而且没有直接定位到目标群组元素来精准滚动。下面给你几个可行的解决方案：

方案一：直接定位目标元素并滚动（元素已加载时） #

如果目标群组已经在DOM里（只是没出现在视野中），可以直接定位它并滚动到视图内：

@Test 
void begin(){ 
    openBrowser(); 
    driver.get("https://web.whatsapp.com/"); 

    // 用显式等待替代固定sleep，更可靠（等待扫码登录完成，联系人列表出现）
    WebDriverWait wait = new WebDriverWait(driver, 30);
    wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("pane-side")));

    try {
        // 等待目标群组出现
        WebElement targetGroup = wait.until(
            ExpectedConditions.presenceOfElementLocated(By.xpath("//span[text()='Word of the day']"))
        );
        // 滚动到目标元素，居中显示
        ((JavascriptExecutor) driver).executeScript(
            "arguments[0].scrollIntoView({block: 'center', behavior: 'smooth'});", 
            targetGroup
        );
        // 点击进入群组
        targetGroup.click();
    } catch (TimeoutException e) {
        // 若元素未找到，说明还没加载，调用滚动加载方法
        scrollToLoadAndFindGroup(driver, By.xpath("//span[text()='Word of the day']"));
    }
}

方案二：循环滚动加载直到找到目标群组 #

如果目标群组不在初始加载的列表里，需要循环滚动联系人列表底部，触发WhatsApp加载更多联系人，直到找到目标：

// 封装滚动加载的工具方法
private void scrollToLoadAndFindGroup(WebDriver driver, By groupLocator) {
    WebElement chatList = driver.findElement(By.id("pane-side"));
    JavascriptExecutor js = (JavascriptExecutor) driver;
    int scrollTimes = 0;
    final int MAX_SCROLLS = 20; // 限制最大滚动次数，防止无限循环

    while (scrollTimes < MAX_SCROLLS) {
        try {
            WebElement targetGroup = driver.findElement(groupLocator);
            // 滚动到目标元素并点击
            js.executeScript("arguments[0].scrollIntoView({block: 'center'});", targetGroup);
            targetGroup.click();
            return;
        } catch (NoSuchElementException e) {
            // 滚动到列表底部，触发加载更多联系人
            js.executeScript("arguments[0].scrollTop = arguments[0].scrollHeight;", chatList);
            // 等待加载完成（可根据网络情况调整时间）
            try {
                Thread.sleep(1000);
            } catch (InterruptedException ex) {
                ex.printStackTrace();
            }
            scrollTimes++;
        }
    }
    throw new RuntimeException("滚动次数超限，未找到目标群组");
}

关键注意事项 #

• 用显式等待代替固定sleep：WebDriverWait会在元素出现时立即执行后续代码，比硬编码的Thread.sleep更灵活可靠，也能避免不必要的等待。
• 精准定位元素：如果群组名称有空格或特殊字符，建议用更宽松的定位方式，比如：

  By.xpath("//div[@aria-label='Chat list']//span[contains(text(),'Word of the day')]")
  

• 规避反自动化检测：WhatsApp网页版对自动化工具比较敏感，建议添加浏览器参数模拟真实用户：

  ChromeOptions options = new ChromeOptions();
  options.addArguments("--user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36");
  options.addArguments("--disable-blink-features=AutomationControlled");
  WebDriver driver = new ChromeDriver(options);
  

内容的提问来源于stack exchange，提问作者Be.younick