WebDriver拾级而上·之九 等待页面加载元素完成

最新推荐文章于 2024-04-11 13:58:22 发布
最新推荐文章于 2024-04-11 13:58:22 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： Selenium WebDriver
本文介绍Selenium WebDriver中显式等待和隐式等待的概念及用法，通过实例演示如何确保页面元素加载完成后执行自动化测试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。
在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。
 
一、明确的等待
明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用Thread.sleep()去设置一段确认的时间去等待。但为 什么说最不好呢？因为一个元素的加载时间有长有短，你在设置sleep的时间之前要自己把握长短，太短容易超时，太长浪费时间。
selenium webdriver提供了一些方法帮助我们等待正好需要等待的时间。利用WebDriverWait类和ExpectedCondition接口就能实现这一点。
 
 下面的html代码实现了这样的一种效果：点击click按钮5秒钟后，页面上会出现一个红色的div块。我们需要写一段自动化脚本去捕获这个出现的div，然后高亮之。


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_x ('div');

                d.className = "red_box";

                document.body.a(d);

            }

        </script>

    </head>

    <body>

        <button id = "b" onclick = "show_div()">click</button>

    </body>

</html>



 

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

 

Java代码

  

package com.test;


import org.openqa.selenium.By;

import org.openqa.selenium.JavascriptExecutor;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.support.ui.ExpectedCondition;

import org.openqa.selenium.support.ui.WebDriverWait;


public class Test_waitfor {

public static void main(String[] args) {


String url = "file:///C:/Documents and Settings/fei yong/桌面/wait.html";

   //打开chrome

   WebDriver dr = new ChromeDriver();

        dr.get(url);


        WebElement button_b = dr.findElement(By.id("b"));

        button_b.click();

        

        WebDriverWait wait = new WebDriverWait(dr,10);

        wait.until(new ExpectedCondition<WebElement>(){

        @Override

            public WebElement apply(WebDriver d) {

                return d.findElement(By.className("red_box"));

    }

        });

   

        WebElement element = dr.findElement(By.cssSelector(".red_box"));

        System.out.println("获取.red_box的背景颜色属性值:"+element.getCssValue("background-color"));

        //在红色区域外面加黄框

        ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);  

        

        dr.quit();

}

}


页面输出：

 

Started ChromeDriver

port=36071

version=19.0.1068.0

log=E:\android\selenium\test_wdng_java\chromedriver.log

获取.red_box的背景颜色属性值:rgb(255, 0, 0)


 

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

 

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

Java代码
package com.test;

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.chrome.ChromeDriver;

public class Test_waitfor2 {
public static void main(String[] args) {

String url = "file:///C:/Documents and Settings/fei yong/桌面/wait.html";
   //打开chrome
   WebDriver dr = new ChromeDriver();
        dr.get(url);
        
   //设置10秒
        dr.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);

        dr.findElement(By.id("b")).click();
   
        WebElement element = dr.findElement(By.cssSelector(".red_box"));
        System.out.println("获取.red_box的背景颜色属性值:"+element.getCssValue("background-color"));
        //在红色区域外面加黄框
        ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);  
        
        //dr.quit();
}
}

页面输出：
Started ChromeDriver
port=37023
version=19.0.1068.0
log=E:\android\selenium\test_wdng_java\chromedriver.log
获取.red_box的背景颜色属性值:rgb(255, 0, 0)
python如何校验页面元素是否加载完毕_爬虫（八十七）等待页面加载完成(Waits)...
weixin_42298645的博客
12-30 2645
现在的大多数的Web应用程序是使用Ajax技术。当一个页面被加载到浏览器时， 该页面内的元素可以在不同的时间点被加载。这使得定位元素变得困难， 如果元素不再页面之中，会抛出ElementNotVisibleException异常。使用 waits, 我们可以解决这个问题。waits提供了一些操作之间的时间间隔- 主要是定位元素或针对该元素的任何其他操作。Selenium Webdriver 提...
Selenium WebDriver等待页面元素加载完成
低调着从点滴做起....
08-21 3523
Set Timeout      .red_box {background-color: red; width = 20%; height: 100px; border: none;}          function show_div(){     d = document.createElement('div');     d.className = "red_box";  
Selenium webdriver+Java-------如何等待页面元素加载完成
weixin_34037977的博客
03-17 1487
web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。 在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。 一、明确的等待 明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用...
webdriver 等待页面加载完成_Python+selenium自动化之等待
weixin_39960145的博客
12-08 1060
Selenium学习和使用过程中，比较常见的一个问题就是，弹窗定位不到、元素定位不到等，除了页面有frame、多窗口，就是没有加等待。代码运行的速度远远高于浏览器加载的速度，就像双人跑步运动，一个人快一个人慢总是会摔倒，浏览器页面没有加载出来元素，程序就执行相应的代码，就是抛出异常。等待，selenium中提供常用的三种：强制等待time.sleep()、隐性等待implicitly_w...
webdriver 等待页面加载完成_python3 selenium 设置元素等待的三种方法
weixin_39955418的博客
12-08 533
为什么要设置元素等待？ 当你的网络慢的时候，打开网页慢，网页都没完全打开，代码已经在执行了，但是没找到你定位的元素，此时python会报错。 当你的浏览器或电脑反应慢，网页没完全打开，代码已经在执行了，但是没找到你定位的元素，此时python也会报错。 由于代码执行很快，而由于各方面的原因导致python代码报错，所以才要设置元素等待。是根据你的网速或电脑的情况而定来设置等待时间，没有一...
Python selenium ---一定会用selenium的等待，三种等待方式解读
遨游天下
03-07 836
很多人在群里问，这个下拉框定位不到、那个弹出框定位不到…各种定位不到，其实大多数情况下就是两种问题：1 有frame，2 没有加等待。殊不知，你的代码运行速度是什么量级的，而浏览器加载渲染速度又是什么量级的，就好比闪电侠和凹凸曼约好去打怪兽，然后闪电侠打完回来之后问凹凸曼你为啥还在穿鞋没出门？凹凸曼分分中内心一万只羊驼飞过，欺负哥速度慢，哥不跟你玩了，抛个异常撂挑子了。那么怎么才能照顾到凹凸曼缓慢...
WebDriver元素定位之注册页面.zip
01-06
为了更好地学习WebDriver的八种定位元素的方式，我们使用附件中的注册页面来练习自动化脚本的设计。 博文链接：https://blog.youkuaiyun.com/weixin_44679832/article/details/103807698
Python中使用Selenium不等页面加载完全就操作页面元素
最新发布
WMCurry的博客
04-11 907
Selenium会等待到页面的所有资源（如HTML、CSS、JavaScript、图片等）都加载完成，然后才会执行后续的操作。在网速慢、页面图片多的（例如电商网站）情况下，Selenium会卡住不继续执行，在这设置隐式/显示等待都是没有用的。后,Selenium会在文档内容加载完毕后(不等待JavaScript文件和图片的加载)就立即开始执行后续的操作。再配合各种等待（避免元素还没加载出来动作就已经执行），来实现不等页面加载完全就操作页面元素。在上面的代码中，将页面加载策略设置为。
爬虫（八十七）等待页面加载完成(Waits)
人生代码 ---- 公众号
03-25 2932
现在的大多数的Web应用程序是使用Ajax技术。当一个页面被加载到浏览器时， 该页面内的元素可以在不同的时间点被加载。这使得定位元素变得困难， 如果元素...
Selenium：三种等待方式
weixin_30666753的博客
08-24 289
UI自动化测试，大多都是通过定位页面元素来模拟实际的生产场景操作。但在编写自动化测试脚本中，经常出现元素定位不到的情况，究其原因，无非两种情况：1、有frame；2、没有设置等待。 因为代码运行速度和浏览器加载渲染速度，不是一个量级，所以导致了这种情况发生。webdriver提供了3种类型的等待：显式等待、隐式等待、强制等待。 1、显示等待 定义：等待某个条件成立时继续执行，...
selenium webdriver——等待页面元素加载完成
热门推荐
qq_32821227的博客
12-20 1万+
web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。 在selenium-webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。   明确的等待   明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用Threa
WebDriver- 等待页面加载元素完成
结婚兔的专栏
08-16 2679
隐性等待是指当要查找元素，而这个元素没有马上出现时，告诉WebDriver查询Dom一定时间。默认值是0,但是设置之后，这个时间将在WebDriver对象实例整个生命周期都起作用
webdriver 等待页面加载完成_Python爬虫，登陆神器Selenium等待(waits)页面加载的三种方法...
weixin_39676021的博客
12-13 398
网页常常会因为网络原因，程序问题等等导致打开网页慢，一直在那里打圈圈。出现这种情况时网页里的很多元素就没有加载完成，如果你刚好要定位的元素没有加载完，这时定位的话程序就会抛出异常。所以程序里要加入等待机制，等待元素加载完，要让程序稳定运行，加等待(waits)这挺重要的，因为网络真的没有那么好。等待页面加载有三种方法。1.time.sleep()方法这是直接调用time里的sleep来强制等待，我...
webdriver中的三种等待
伤心的辣条
02-13 652
最初执行的代码一开始是这样写：presence_of_element_located(By.ID, "su")，这样相当于取到了3个参数(self, By.ID, "su")，而presence_of_element_located类中__init__()方法取的确实是2个参数(self, locator)，其中locator调用的是一个tuple（元组）。缺点：当页面某些js无法加载，但是想找的元素已经出来了，它还是会继续等待，直到页面加载完成（浏览器标签左上角圈圈不再转），才会执行下一句。
[WebDriver]等待页面加载，（转载出自jarvi）
打杂人
10-11 4644
Wait.html      html>       head>           title>Set Timeouttitle>           style>               .red_box {background-color: red; width = 20%; height: 100px; border: none;}           style>
python3 selenium 设置元素等待的三种方法
xiezhiming1234的博客
11-08 5972
为什么要设置元素等待？ 当你的网络慢的时候，打开网页慢，网页都没完全打开，代码已经在执行了，此时python会报错。 当你的浏览器或电脑反应慢，网页没完全打开，代码已经在执行了，此时python也会报错。 由于代码执行很快，而由于各方面的原因导致python代码报错，所以才要设置元素等待。是根据你的网速或电脑的情况而定来设置等待时间，没有一成不变的设置，这个需要注意。 1.sleep 强制等待 ...
webdriver 等待页面加载完成_Selenium的三种等待方式
weixin_39549936的博客
12-08 1238
当网络环境不稳定，程序会由于没有找到元素而报错，这时就需要用到等待。强制等待time.sleep()在开发自动化框架过程中，应该尽量减少强制等待，这是由于当网络环境较好，程序会依旧按照预设定的时间继续等待，导致整个项目的自动化时间无限延长，但同时强制等待是最方便的等待方式。隐式等待implicitly_wait()隐式等待实际是设置了一个最长等待时间，如果在规定时间内网页加载完成，则执行...
（Java）WebDriver的元素等待实现
m0_66802473的博客
06-18 1109
WebDriver提供了显式等待方法，专门针对某个元素进行等待判断。WebDriverWait类：是由WebDirver提供的等待方法。在设置时间内，默认每隔一段时间检测一次当前页面元素是否存在，如果超过设置时间检测不到则抛出异常。
webdriver 等待页面加载完成
06-03
在使用 webdriver 时，我们可以使用 webdriver 中提供的等待方法来等待页面加载完成。其中，最常用的方法是 `WebDriverWait`，它可以等待某个元素出现或者某个元素的某个属性变化。以下是一个示例代码： ```python from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC driver = webdriver.Chrome() # 打开页面 driver.get("https://www.example.com") # 等待页面加载完成 wait = WebDriverWait(driver, 10) wait.until(EC.presence_of_element_located((By.ID, "some_element_id"))) # 进行其他操作 ``` 在这个示例中，我们使用 `presence_of_element_located` 来等待页面中的某个元素出现，如果在 10 秒内该元素没有出现，那么会抛出 `TimeoutException` 异常。之后我们就可以在页面完全加载完成后进行其他操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值