Selenium Webdriver -等待页面在Java和JavaScript中完全加载(ajax/jquery/动画等)
Selenium Webdriver 等待页面完全加载的全面指南
基础概念
Selenium WebDriver 是一个用于自动化 web 应用程序测试的工具，它提供了多种等待机制来确保页面元素在交互前已经完全加载和可用。在动态网页中（使用 AJAX、jQuery 或动画效果），等待页面完全加载尤为重要。
等待机制类型
1. 隐式等待 (Implicit Wait)
- 设置一个全局等待时间，WebDriver 在抛出异常前会等待元素出现
- 适用于整个会话中的所有元素查找
2. 显式等待 (Explicit Wait)
- 针对特定条件设置等待，直到条件满足或超时
- 更精确，可以等待特定条件而不仅仅是元素存在
3. 流畅等待 (Fluent Wait)
- 可以定义等待的最大时间量，以及检查条件的频率
- 可以忽略特定类型的异常
Java 实现示例
隐式等待
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));显式等待
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(30));
wait.until(ExpectedConditions.jsReturnsValue("return document.readyState == 'complete'"));等待 AJAX/jQuery 完成
// 等待 jQuery 活动完成
wait.until(d -> (Boolean)((JavascriptExecutor)d).executeScript("return jQuery.active == 0"));
// 等待 AJAX 请求完成
wait.until(d -> (Boolean)((JavascriptExecutor)d).executeScript("return window.jQuery != undefined && jQuery.active == 0"));等待页面完全加载
wait.until(d -> ((JavascriptExecutor)d).executeScript("return document.readyState").equals("complete"));JavaScript (Node.js) 实现示例
使用 WebDriverIO 等待
// 等待页面加载完成
browser.waitUntil(() => {
return browser.execute(() => document.readyState === 'complete');
}, {
timeout: 10000,
timeoutMsg: '页面没有在10秒内完成加载'
});
// 等待 jQuery 活动完成
browser.waitUntil(() => {
return browser.execute(() => {
return window.jQuery === undefined || jQuery.active === 0;
});
}, {
timeout: 10000,
timeoutMsg: 'jQuery 活动没有在10秒内完成'
});常见问题及解决方案
1. 页面元素未找到
原因: 元素尚未加载完成或仍在动画中 解决: 使用显式等待结合 ExpectedConditions
WebElement element = wait.until(ExpectedConditions.presenceOfElementLocated(By.id("elementId")));2. AJAX 内容未加载
原因: AJAX 请求未完成 解决: 检查 jQuery.active 或自定义 AJAX 计数器
wait.until(d -> (Boolean)((JavascriptExecutor)d).executeScript("return window.allAjaxRequestsFinished === true"));3. 动画干扰点击
原因: 元素被动画遮挡或仍在移动 解决: 等待动画完成后再操作
wait.until(ExpectedConditions.elementToBeClickable(By.id("buttonId")));最佳实践
- 避免混合使用隐式和显式等待，可能导致不可预测的超时
- 对于复杂的页面，结合多种等待条件
- 针对特定操作使用适当的等待条件
- 设置合理的超时时间，平衡测试速度和稳定性
- 在测试框架中添加自定义等待方法以提高代码复用性
高级技巧
自定义等待条件
wait.until(driver -> {
WebElement element = driver.findElement(By.id("dynamicElement"));
String text = element.getText();
return text != null && !text.isEmpty();
});等待多个条件
ExpectedCondition<Boolean> jQueryLoad = d -> (Boolean)((JavascriptExecutor)d).executeScript("return window.jQuery != undefined && jQuery.active == 0");
ExpectedCondition<Boolean> jsLoad = d -> ((JavascriptExecutor)d).executeScript("return document.readyState").equals("complete");
wait.until(jQueryLoad) && wait.until(jsLoad);通过合理使用这些等待策略，可以确保 Selenium WebDriver 测试在各种动态内容加载场景下的稳定性和可靠性。
相关·内容
我正在尝试构建一种更好的方法来等待页面在每次点击后加载。) callJS("return (window.jQuery !present } }; };
return wait.until(jQueryLoad) && wait.until(js
浏览 1提问于2016-07-13得票数 4
我尝试了phantosJS，但是它很慢，需要10s才能获得html，每次运行脚本时，selenium都会告诉我不再支持它。我可以用其他工具替换phantomJS吗？
浏览 0提问于2018-03-12得票数 0
回答已采纳
我有一个认证弹出之前加载的网站，虽然弹出显示在网页上和浏览器上运行的加载器显示，这意味着网页没有完全加载。根据selenium，如果完整的网页最初未加载，则selenium不与元素交互
在这方面需要帮助。
浏览 0提问于2019-02-27得票数 0
我正在捕获网页，但我希望脚本在捕获它之前等待一段时间，因为我现在正在使用AJAX填充一些数据--脚本没有等待，而是在加载ajax数据之前捕获网页。from selenium import webdriverimport json
driver = webdriver<
浏览 11提问于2014-11-29得票数 1
回答已采纳
我正在对我的代码运行一些单元测试，为此我必须下载selenium服务器。现在，selenium包含的一个示例称为GoogleTest。我将其复制到我的C:\文件夹中，并尝试运行它。起初，我在尝试打开firefox时出错。selenium似乎已经有很长一段时间没有更新了，因为它支持直到Firefox 3.5版本。找到了对我有帮助的帮助博客(将3.5.*改为7.0.*)。似乎selenium也没有更新它的文档，而且GoogleTest在执行时会挂起( post解释了原因)。
浏览 1提问于2011-10-28得票数 1
我的问题是，我想等到页面完全加载。目前，我正在等待一些元素出现，但这并不是我真正想要的。有没有可能做这样的东西：driver.navigate.to url用Java没有问题，但是用ruby怎么做呢？
浏览 2提问于2012-07-07得票数 8
回答已采纳
是否有方法在网页加载特定元素时设置超时？例如，我尝试将页面加载超时设置为10，并检查元素是否存在，但如果不存在，则必须从开始加载它。编辑我希望driver.get()在找到元素之前加载url，然后停止从url加载更多的url。在您的示例中，您使用了简单的driver.get()方法，它将加载</e
浏览 1提问于2022-05-16得票数 1
回答已采纳
我想调用set_speed (和其他方法，set_speed只是一个例子)，它们不在webdriver中，而是在selenium对象中。我的LiveServerTestCase子类 def setUpClass(cls):
浏览 2提问于2013-03-30得票数 7
回答已采纳
在页面中获取项目时有问题，该项目是在通过ajax或iframe加载页面后加载的，有没有办法为脚本创建一个条件直到项目出现？为了举例说明我的问题，我做了以下测试：from selenium import webdriver
from selenium.webdriver.support.ui import加载页面完成5秒后显示。&
浏览 0提问于2018-07-13得票数 1
回答已采纳
1回答
selenium隐式等待不起作用
、、、、
这是我第一次使用selenium和无头浏览器，因为我想使用ajax技术爬行一些网页。效果很好，但是在某些情况下，加载整个页面需要花费太多的时间(特别是当某些资源不可用时)，所以我必须为selenium设置一个超时。首先，我尝试了set_page_load_timeout()和set_script_timeout()，但是当我设置这些超时时，如果页面没有完全加载，我将不会获得任何页面
浏览 0提问于2018-02-26得票数 2
回答已采纳
请求像这样完成-
然后，我给出另一个java脚本来检查页面是否可滚动。PS:我不是页面的开发人员，所以我无法访问运行该页面的代码，我只需在网页中注入脚本(如步骤1和3中所示)。而且，在无限滚动期间，我必须为任何带有Ajax请求的网站编写通用逻辑。编辑: Ok，在挣扎了两天之后，我发现在Selenium</em
浏览 0提问于2012-08-01得票数 19
回答已采纳
我正在尝试在selenium中检查网页是否加载完成(即检查所有控件是否已加载)。我尝试了下面的代码： webDriver -> ((JavascriptExecutor) webDriver).executeScript("return document.readyState").equals("com
浏览 0提问于2018-05-14得票数 5
2回答
我正在尝试使用在Eclipse中运行一个小的示例应用程序。我的代码如下：import org.openqa.selenium.WebDriver; System.out.println("Page title is: " + driver.getTitle());}
但它给出了以下错误(显示<em
浏览 2提问于2011-07-28得票数 1
4回答
我想以编程的方式解析站点的页面，显然我需要完整的HTML代码。但是，一个站点只能通过直接URL加载一些母版页，并且一旦加载了母版页，它就会通过AJAX接收其内容。我怎样才能“像在浏览器中一样”加载一个页面，让它与完成工作的所有脚本一起被完全加载？例如，如果我使用WebBrowser类来真正打开“在浏览器中”的页面，那么它的DocumentText属性(应该表示DOM内容)只返回初始页面</e
浏览 3提问于2014-09-18得票数 2
回答已采纳
我相信，当我遍历页面时，它并不是在等待所有页面完整地加载Javascript和AJAX。为了补救这一问题，我在下面添加了显式等待，但它返回以下错误：
from selenium.webdri
浏览 1提问于2017-04-05得票数 2
回答已采纳
我似乎根本无法让geckodriver隐式或显式地等待。只有当我使用Thread.sleep()时它才起作用public void waitForPageLoad(WebDriver下面是我的gecko驱动初始化代码，我还在其中初始化了一个隐式等待。TimeUnit.SECONDS);
浏览 0提问于2017-04-07得票数 2
1回答
我昨天刚开始使用selenium来帮助刮取一些数据，我很难把头绕在选择器引擎上。我知道lxml、BeautifulSoup、jQuery和Sizzle都有类似的引擎。但我想做的是：
我正在为找到第n个元素或定位
浏览 5提问于2015-05-11得票数 2
回答已采纳
但该链接是动态的，在显示详细信息之前会弹出一个等待加载的页面。因此，Jsoup似乎处理的是等待页面，而不是细节页面。有没有办法让这个页面等待到页面完全加载？
浏览 0提问于2016-03-20得票数 6
回答已采纳
有'refresh‘按钮，它可以重新加载和重新绘制页面上的一些元素，而不需要重新加载静态数据(ajax)。我试图为该页面创建适当的测试，但有时会得到StaleElementReferenceException。我的代码(python)：browser=webdriver.Firefox()
browser.get('http://m
浏览 4提问于2013-04-15得票数 5
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
腾讯云开发者
