Selenium如何用JavascriptExecutor等待含AJAX组件的页面完全加载？

嘿，我来帮你把这个等待方法补全！对于带AJAX组件的页面，只靠document.readyState或者单一的元素等待往往不够，得结合页面加载提示、JS状态和AJAX请求状态多维度判断，以下是完整的实现方案：

public void waitForLoading2() {
    // Selenium 4+推荐用Duration指定超时，旧版本可以直接传int类型的超时秒数
    WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(timeOut));

    // 第一步：处理页面加载提示框（如果它处于显示状态）
    List<WebElement> loadingElement = driver.findElements(By.xpath("//*[@id='wait'][contains(@style, 'display: block')]"));
    if (!loadingElement.isEmpty()) {
        // 用invisibilityOfElementLocated比单纯检查style更可靠——元素可能被移除，或style写法有变化
        wait.until(ExpectedConditions.invisibilityOfElementLocated(By.id("wait")));
    }

    // 第二步：等待DOM解析完成（document.readyState变为complete）
    wait.until(driver -> ((JavascriptExecutor) driver)
            .executeScript("return document.readyState").equals("complete"));

    // 第三步：等待所有AJAX请求完成（以jQuery为例，若用原生AJAX/其他框架需调整JS）
    wait.until(driver -> (Boolean) ((JavascriptExecutor) driver)
            .executeScript("return typeof jQuery !== 'undefined' ? jQuery.active === 0 : true;"));

    // 可选：等待页面所有资源（图片、脚本等）加载完成
    wait.until(driver -> (Boolean) ((JavascriptExecutor) driver)
            .executeScript("return window.performance && window.performance.timing.loadEventEnd > 0;"));
}

关键细节说明： #

• 加载提示等待：放弃直接检查style属性，改用invisibilityOfElementLocated，能兼容元素被移除、样式写法变更等多种场景。
• DOM就绪检查：确保页面的DOM树已经完全解析完成，这是基础的加载判断条件。
• AJAX状态检查：如果你的项目依赖jQuery，jQuery.active会返回当前活跃的AJAX请求数，等于0时表示所有异步请求都已完成；如果用原生AJAX，需要根据项目的封装逻辑调整这段JS代码（比如跟踪XMLHttpRequest的状态）。
• 资源加载验证：通过window.performance.timing判断页面所有静态资源是否加载完成，进一步确保页面完全就绪。

额外提示： #

如果页面有特定的核心动态元素，建议在这个通用等待之后，再单独对该元素做存在/可见性等待，这样能让等待逻辑更精准，避免因个别非核心元素加载慢导致的测试失败。

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