selenium webdriver学习（十一）------------如何等待页面元素加载完成

最新推荐文章于 2022-11-02 16:37:55 发布
最新推荐文章于 2022-11-02 16:37:55 发布
阅读量962 收藏
点赞数
分类专栏： selenium2.0

web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。

在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。

明确的等待

明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用Thread.sleep()去设置一段确认的时间去等待。但为什么说最不好呢？因为一个元素的加载时间有长有短，你在设置sleep的时间之前要自己把握长短，太短容易超时，太长浪费时间。selenium webdriver提供了一些方法帮助我们等待正好需要等待的时间。利用WebDriverWait类和ExpectedCondition接口就能实现这一点。

下面的html代码实现了这样的一种效果：点击click按钮5秒钟后，页面上会出现一个红色的div块。我们需要写一段自动化脚本去捕获这个出现的div，然后高亮之。

 

  1. Wait.html 
  2.  
  3. <html> 
  4.     <head> 
  5.         <title>Set Timeout</title> 
  6.         <style> 
  7.             .red_box {background-color: red;width =20%; height: 100px; border: none;} 
  8.         </style> 
  9.         <script> 
  10.             function show_div(){ 
  11.                 setTimeout("create_div()", 5000); 
  12.             } 
  13.    
  14.             function create_div(){ 
  15.                 d =document.createElement('div'); 
  16.                 d.className ="red_box"; 
  17.                 document.body.appendChild(d); 
  18.             } 
  19.         </script> 
  20.     </head> 
  21.     <body> 
  22.         <buttonid ="b"onclick ="show_div()">click</button> 
  23.     </body> 
  24. </html> 
Wait.html

<html>
    <head>
        <title>Set Timeout</title>
        <style>
            .red_box {background-color: red; width = 20%; height: 100px; border: none;}
        </style>
        <script>
            function show_div(){
                setTimeout("create_div()", 5000);
            }
  
            function create_div(){
                d = document.createElement('div');
                d.className = "red_box";
                document.body.appendChild(d);
            }
        </script>
    </head>
    <body>
        <button id = "b" onclick = "show_div()">click</button>
    </body>
</html>

 

下面的代码实现了高亮动态生成的div块的功能：

Java代码

  1. import org.openqa.selenium.By; 
  2. import org.openqa.selenium.JavascriptExecutor; 
  3. import org.openqa.selenium.WebDriver; 
  4. import org.openqa.selenium.WebElement; 
  5. import org.openqa.selenium.firefox.FirefoxDriver; 
  6. import org.openqa.selenium.support.ui.ExpectedCondition; 
  7. import org.openqa.selenium.support.ui.WebDriverWait; 
  8.  
  9.  
  10. public class WaitForSomthing { 
  11.  
  12.     /**
  13.      * @author gongjf
  14.      */ 
  15.     publicstaticvoid main(String[] args) { 
  16.         // TODO Auto-generated method stub 
  17.         System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");   
  18.         WebDriver dr = new FirefoxDriver(); 
  19.         String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";//"/Your/Path/to/Wait.html" 
  20.         dr.get(url); 
  21.         WebDriverWait wait = new WebDriverWait(dr,10); 
  22.         wait.until(new ExpectedCondition<WebElement>(){ 
  23.             @Override 
  24.             public WebElement apply(WebDriver d) { 
  25.                 return d.findElement(By.id("b")); 
  26.             }}).click(); 
  27.          
  28.         WebElement element = dr.findElement(By.cssSelector(".red_box")); 
  29.         ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);   
  30.          
  31.     } 
  32. } 
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;


public class WaitForSomthing {

	/**
	 * @author gongjf
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");  
		WebDriver dr = new FirefoxDriver();
		String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/Path/to/Wait.html"
		dr.get(url);
		WebDriverWait wait = new WebDriverWait(dr,10);
		wait.until(new ExpectedCondition<WebElement>(){
			@Override
			public WebElement apply(WebDriver d) {
				return d.findElement(By.id("b"));
			}}).click();
		
		WebElement element = dr.findElement(By.cssSelector(".red_box"));
		((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);  
		
	}
}

 

上面的代码WebDriverWait类的构造方法接受了一个WebDriver对象和一个等待最长时间（10秒）。然后调用until方法，其中重写了ExpectedCondition接口中的apply方法，让其返回一个WebElement,即加载完成的元素，然后点击。默认情况下，WebDriverWait每500毫秒调用一次ExpectedCondition，直到有成功的返回，当然如果超过设定的值还没有成功的返回，将抛出异常。

 

隐性等待

 

隐性等待是指当要查找元素，而这个元素没有马上出现时，告诉WebDriver查询Dom一定时间。默认值是0,但是设置之后，这个时间将在WebDriver对象实例整个生命周期都起作用。上面的代码就变成了这样：

Java代码

  1. import java.util.concurrent.TimeUnit; 
  2.  
  3. import org.openqa.selenium.By; 
  4. import org.openqa.selenium.JavascriptExecutor; 
  5. import org.openqa.selenium.WebDriver; 
  6. import org.openqa.selenium.WebElement; 
  7. import org.openqa.selenium.firefox.FirefoxDriver; 
  8. import org.openqa.selenium.support.ui.ExpectedCondition; 
  9. import org.openqa.selenium.support.ui.WebDriverWait; 
  10.  
  11.  
  12. public class WaitForSomthing { 
  13.  
  14.     /**
  15.      * @author gongjf
  16.      */ 
  17.     publicstaticvoid main(String[] args) { 
  18.         // TODO Auto-generated method stub 
  19.         System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");   
  20.         WebDriver dr = new FirefoxDriver(); 
  21.          
  22.         //设置10秒 
  23.         dr.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); 
  24.          
  25.         String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";//"/Your/Path/to/Wait.html" 
  26.         dr.get(url); 
  27.                  //注释掉原来的 
  28.         /*WebDriverWait wait = new WebDriverWait(dr,10);
  29.         wait.until(new ExpectedCondition<WebElement>(){
  30.             @Override
  31.             public WebElement apply(WebDriver d) {
  32.                 return d.findElement(By.id("b"));
  33.             }}).click();*/ 
  34.         dr.findElement(By.id("b")).click(); 
  35.         WebElement element = dr.findElement(By.cssSelector(".red_box")); 
  36.         ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);   
  37.          
  38.     } 
  39. } 
import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;


public class WaitForSomthing {

	/**
	 * @author gongjf
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");  
		WebDriver dr = new FirefoxDriver();
		
		//设置10秒
		dr.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
		
		String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/Path/to/Wait.html"
		dr.get(url);
                 //注释掉原来的
		/*WebDriverWait wait = new WebDriverWait(dr,10);
		wait.until(new ExpectedCondition<WebElement>(){
			@Override
			public WebElement apply(WebDriver d) {
				return d.findElement(By.id("b"));
			}}).click();*/
		dr.findElement(By.id("b")).click();
		WebElement element = dr.findElement(By.cssSelector(".red_box"));
		((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);  
		
	}
}

 

两者选其一，第二种看起来一劳永逸呀。哈哈

hanqionglaaa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python selenium 等待js加载完成_Python+selenium自动化之selenium常用API
weixin_40002846的博客
12-20 1018
前面的几十篇文章介绍了selenium的常用的API的用法，但是这些仅仅是API的一小部分，大家可以去selenium官网获取查看https://python-selenium-zh.readthedocs.io/zh_CN/latest/7.WebDriver%20API/。下面把比较常用的30个API汇总一下：1.driver.current_url：用于获得当前页面的URL2.dr...
python selenium 等待js加载完成_一个用python完成的RSA成功模拟JS加密完成自动登录...
weixin_39694174的博客
12-19 89
编程工具启动图自从做了产品，很久没有正二八经的写过代码了。最近这几天由于工作需要，一时心血来潮开始写python代码，最开始以为一个自动登录应该很简单，又没有手机验证和图片验证。结果一执行卡在一个加密方法上了,如下图所示红框位置为encypt加密以前没有涉及到这方面的，通过网上学习搜索了解，最终使用得以解决，分享一下心得。什么是RSA?RSA加密算法是一种 。在 和 中RSA被广泛使用。RSA是1...
Selenium 鼠标和键盘操作
Louie
10-31 999
鼠标点击操作 鼠标点击事件有以下几种类型： 清单 1. 鼠标左键点击 Actions action = new Actions(driver);action.click();// 鼠标左键在当前停留的位置做单击操作 action.click(driver.findElement(By.name(element)))// 鼠标左键点击指定的元素 清单 2. 鼠标右键点击
selenium-webdriver+nodejs等待页面加载完毕后执行后续动作
关注前端，关注原创
11-02 1059
2022年11月2日selenium版本css属性选择器写法，监听页面加载完毕，页面加载完毕后执行操作语法
selenium的三种等待方式
一目知之
05-07 1808
强制等待:sleep() 设置固定休眠时间，单位为秒。 由python的time包提供, 导入 time 包后就可以使用。 缺点：不智能，使用太多的sleep会影响脚本运行速度。 使用方法：time.sleep(delay) 使用举例：打开百度，强制等待5秒 #导入强制等待模块 import time from selenium import webdriver wd = webdriver.Chrome() wd.get('https://www.baidu.com') #强制等待5秒 time.sl
selenium-java-3.141.59.zip
09-08
5. **Wait** 和 **ExpectedConditions**：在处理动态加载的网页或等待元素出现时，可以使用 `WebDriverWait` 配合 `ExpectedConditions` 来实现异步等待。 6. **断言**：在测试中，我们通常会用到断言来验证预期...
Selenium-Complete-Framework
05-27
- **模拟用户行为**：使用Selenium的Wait和Timeout功能模拟用户等待，避免因页面加载延迟导致的错误。 - **页面加载优化**：处理异步加载的内容，确保测试能准确反映真实用户的行为。 - **异常处理**：编写健壮的...
selenium-java-3.1.0.rar
03-23
- **等待策略**：设置显式或隐式等待，确保元素加载完成后再进行操作。 - **并行测试**：通过多线程或分布式测试（如Selenium Grid）实现大规模的并发测试。 在实际项目中，Selenium通常与测试框架如JUnit或TestNG...
动态加载网页的爬取-v3.zip
08-23
Puppeteer可以用来爬取需要用户交互或动态加载的页面，它能够等待特定元素出现，确保所有内容都已加载完成。 4. **Scrapy和中间件** 对于Python开发者，Scrapy是一个强大的爬虫框架，它可以配置中间件来处理动态...
selenium-python-中文静态网页版-latest.zip
01-09
此外，为了确保元素加载完成，Selenium提供了各种等待策略，如显式等待、隐式等待等。 6. **框架集成**：Selenium可以与unittest、pytest等Python测试框架结合，构建更高级的测试套件和测试报告。 7. **页面对象...
selenium webdriver学习（十一）-怎么等待页面元素加载完成
碌人乘凉, 黎硕 --> Aerchi.com
10-10 3125
selenium webdriver学习（十一）------------如何等待页面元素加载完成web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。 在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。 明确的等待 ...
【selenium】设置元素等待
一名在读学生
02-27 2034
【selenium】设置元素等待：强制等待、隐式等待、显示等待
数据库作业21：并发控制
断点_C的博客
05-17 378
9 (1) 这不排列组合吗 T1 T2 T3 ——16 T1 T3 T2 —— 8 T2 T1 T3 —— 4 T2 T3 T1 —— 4 T3 T1 T2 —— 2 T3 T2 T1 —— 2 （2） T1 T2 T3 Slock A Y=R(A)=0 Unlock A Xlock A Slock A A=Y+2 等待 W(A) 等待 Unlock A 等待 X=R(A)=2 Unlock A Xlock A .
如何等待页面元素加载完成
可口可乐的博客
11-03 1661
web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。 在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。 明确的等待 明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用T
Selenium_等待页面加载完毕
u014712365的博客
02-17 7095
隐式等待 WebDriver driver = new FirefoxDriver(); driver.get("www.baidu.com"); driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS); WebElement element = d...
Python selenium ---一定会用selenium的等待，三种等待方式解读
遨游天下
03-07 780
很多人在群里问，这个下拉框定位不到、那个弹出框定位不到…各种定位不到，其实大多数情况下就是两种问题：1 有frame，2 没有加等待。殊不知，你的代码运行速度是什么量级的，而浏览器加载渲染速度又是什么量级的，就好比闪电侠和凹凸曼约好去打怪兽，然后闪电侠打完回来之后问凹凸曼你为啥还在穿鞋没出门？凹凸曼分分中内心一万只羊驼飞过，欺负哥速度慢，哥不跟你玩了，抛个异常撂挑子了。那么怎么才能照顾到凹凸曼缓慢...
selenium中等待页面加载的几种方法
Bug_Shooter的博客
05-24 3771
1.隐式等待(需要网页不断加载时，可以用这个) driver.implicitly_wait(5) 优点： 可以自动判断需要等待多久，括号中的5代表的是最大等待时间， 隐式等待只需要在声明driver之后写一次，影响后面所有的代码 缺点： 判断的是网页的加载，只可用于网页出现刷新时 2.显示等待 WebDriverWait结合ExpectedCondition 需要的元素出现后才会继续执行 from selenium import webdriver from selenium.webdr
selenium设置等待页面加载
weixin_42427540的博客
03-12 5004
本篇转自huilan_same的原文章 Python selenium —— 一定要会用selenium的等待，三种等待方式解读
Selenium phantomjs与spynner等待网页加载完成方式总结
热门推荐
mighty13的专栏
10-07 2万+
利用无头浏览器对网页元素进行模拟操作时经常遇到的问题就是**元素不存在这样的错误。原因大概有这么几种。 1. 网页没有加载完成，因此定位不到元素 2. 网页元素显示样式设置为不可见，即display:none，常见的如一些悬停显示的菜单。 3. 元素在iframe 中，常见的情况比如腾讯网站的登录框。 一般来讲，在网页源代码中能够看到的且display属性设置为可见的元素，selenium等
t-selenium
最新发布
07-05
T-Selenium 是一个用于测试网页应用程序的工具，它结合了 TestNG（一个Java 测试框架）和 Selenium WebDriver（一个浏览器自动化测试库）。T-Selenium 主要用于执行基于 Web 的功能测试和验收测试。 T-Selenium 不是直接提供的 Python 库，而是通过 Java API 调用 Selenium WebDriver 来实现的。如果你想要在 Python 中使用类似的功能，你可以选择直接使用 Selenium 或者其更高级的封装如 Pytest-Selenium 或 behave-webdriver。 以下是使用 Python 和 Selenium 进行基本网页测试的一个简单示例： ```python from selenium import webdriver # 创建一个新的 Chrome 浏览器实例 driver = webdriver.Chrome() # 让浏览器打开特定的 URL driver.get('https://www.example.com') # 找到并交互元素，比如查找一个搜索框并输入文本 search_box = driver.find_element_by_name('q') search_box.send_keys('Selenium Test') # 提交搜索 search_button = driver.find_element_by_id('btnG') search_button.click() # 等待页面加载完成，通常用法是在这之后验证预期结果 driver.implicitly_wait(10) # 关闭浏览器 driver.quit() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值