Selenium Java：等待应用自定义加载栏完成后执行操作的问题

核心问题分析 #

document.readyState === 'complete'仅判断浏览器DOM与资源加载完成，但应用的自定义加载栏对应前端异步业务逻辑的加载状态，和浏览器加载状态无关，所以这个判断无效。加载栏消失后无法定位，我们可以反向等待加载栏从可见变为不可见，或者监听前端的异步加载状态。

方案1：等待自定义加载栏消失（优先推荐） #

加载栏触发时必然有可定位的特征（比如特定CSS类、父容器属性），先等待它出现（确认加载启动），再等待它消失（确认加载完成）：

// 替换为你找到的加载栏定位器（比如类名、专属属性）
By loaderLocator = By.cssSelector(".custom-loading-bar");

try {
    // 等待加载栏出现（如果加载触发时才显示）
    wait.until(ExpectedConditions.presenceOfElementLocated(loaderLocator));
} catch (TimeoutException e) {
    // 若加载栏未出现，说明无需等待，直接执行后续操作
}

// 等待加载栏完全消失
wait.until(ExpectedConditions.invisibilityOfElementLocated(loaderLocator));

// 加载完成后再点击目标元素
wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@mattooltip='Rules']//span[1]"))).click();

方案2：监听前端异步加载状态 #

如果加载栏和AJAX请求、前端全局状态绑定，可通过JS监听加载完成：

• 若应用使用jQuery：

// 等待所有AJAX请求完成
wait.until(driver -> {
    return (Boolean)((JavascriptExecutor)driver).executeScript("return jQuery.active === 0;");
});

• 若应用有自定义全局加载状态（比如window.isLoading）：

// 等待自定义加载状态变为false
wait.until(driver -> {
    return (Boolean)((JavascriptExecutor)driver).executeScript(
        "return typeof window.isLoading !== 'undefined' && !window.isLoading;"
    );
});

方案3：兜底阻止页面回退 #

如果以上方案无法实现，可在点击后通过JS阻止页面回退：

// 点击目标元素
wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@mattooltip='Rules']//span[1]"))).click();

// 等待新页面加载完成（替换为新页面的URL特征）
wait.until(ExpectedConditions.urlContains("rules"));

// 执行JS覆盖回退行为：将当前页面推入历史栈，阻止popstate回退事件
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("window.history.pushState(null, null, window.location.href); " +
                 "window.addEventListener('popstate', function() { " +
                     "window.history.pushState(null, null, window.location.href); " +
                 "});");

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