掌握web控件定位技巧，提升页面操作效率！

 

在做 Web 自动化时，最根本的就是操作页面上的元素，首先要能找到这些元素，然后才能操作这些元素。工具或代码无法像测试人员一样用肉眼来分辨页面上的元素。那么要如何定位到这些元素，本章会介绍各种定位元素的方法。

web 控件定位
id 定位

Python 实现

driver.find_element(By.ID,'query')

Java 实现

driver.findElement(By.id("query"));
name 定位

Python 实现

driver.find_element(By.NAME,'query')

Java 实现

driver.findElement(By.name("query"));

图片

通常来说 name 属性与 id 属性在页面中唯一，推荐使用这两个属性进行定位。

XPath 定位

XPath 是一个定位语言，英文全称为：XML Path Language，用来对 XML 上的元素进行定位，但也适用于 HTML，下面来看一个例子。

要定位的元素是 Sogou 首页的搜索输入框。

图片

首先寻找 id 为 sf 的 form 元素，然后再寻找它的子元素 span，span 的 class 属性为 sec-input-box，最后找 span 的子元素 input，以下代码演示。

Python 实现

driver.find_element(By.XPATH,"//form[@id='sf']/span[@class='sec-input-box']/input")

Java 实现

driver.findElement(By.xpath("//form[@id='sf']/span[@class='sec-input-box']/input"));

下面的定位也可以找到这个 input，请注意，这里使用了双斜杠//，它可以找到子孙节点，而但斜杠/只能找到子节点，以下代码演示。

Python 实现

driver.find_element(By.XPATH,"//form[@id='sf']//input[@id='query']")

Java 实现

driver.findElement(By.xpath("//form[@id='sf']//input[@id='query']"));

XPath 表达式更多内容可参考下面表格。

表达式描述
nodename选取此节点的所有子节点。
/从根节点选取。
//从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。
.选取当前节点。
..选取当前节点的父节点。
@选取属性。

如何检验 XPath 定位是否正确？可以使用 chrome 的检查模式 -> Console，输入$x('XPath 表达式')即可。

通过 css_selector

XPath 可以定位绝大多数元素，但是 XPath 采用从上到下的遍历模式，速度并不快，而 css selector 采用样式定位，速度要优于 XPath，而且语法更简洁。下面是 Selenium 使用 css selector 的例子。

css selector 找到 class 属性值为 active 的元素，然后>表示找 class 属性为 active 的元素的子节点，以下代码演示。

Python 实现

driver.driver.find_element(By.CSS_SELECTOR,'.logo-big')

Java 实现

driver.findElement(By.cssSelector(".logo-big"));

下表列出了常用的 css_selector 表达式的用法。

表达式描述
.introclass="intro" 的所有元素
#firstnameid="firstname" 的所有元素
a[target=_blank]具有属性 target="_blank" 的所有 a 元素
p:nth-child(2)属于其父元素的第二个 p 元素

使用 Chrome 的检查模式 -> Console 也可以在当前页面检测 css_selector 是否正确，输入$('css selector 表达式')即可。

link 定位

元素中会出现文字，比如下面的分类，可以利用这段文字进行定位，以下是代码演示。

Python 实现

driver.driver.find_element(By.LINK_TEXT, '欢迎光临测试人社区 | Powered by 霍格沃兹测试开发学社')

Java 实现

driver.findElement(By.linkText("欢迎光临测试人社区 | Powered by 霍格沃兹测试开发学社"));

也可以采用部分匹配方式，不必写全：“欢迎光临”、“欢迎光临测试人社区”、“霍格沃兹”，以下是代码演示。

Python 实现

driver.find_element(By.PARTIAL_LINK_TEXT, '测试人社区')

Java 实现

driver.findElement(By.partialLinkText("测试人社区"));

要注意 partial_link_text 与 link_text 的区别，partial_link_text 不用写全，只需写部分即可，比如上面使用“霍格沃兹”即可匹配到“欢迎光临霍格沃兹测试学院”。

tag_name 定位

DOM 结构中，元素都有自己的 tag，比如 input tag，button tag，anchor tag 等等，每一个 tag 拥有多个属性，比如 id，name，value class 等等。

下面的高亮部分就是 tag：

图片

可以使用 tag 进行定位:

Python 实现

driver.driver.find_element(By.TAG_NAME,'input')

Java 实现

driver.findElement(By.tagName("input"));

要注意，尽量避免使用 tag_name 定位元素，因为有大量重复的元素！

class_name 定位

可以通过元素的 class 属性值进行定位。

这里的 active 用的就是上图 class 的值。

Python 实现

driver.driver.find_element(By.CLASS_NAME, 'active')

Java 实现

driver.findElement(By.className("active"));
推荐使用

图片

  1. ID/Name 是最安全的定位选项。根据 W3C 标准，它在页面中是唯一的，ID 在树结构中也是唯一的。

  2. CSS Selector 语法简洁，搜索速度快于 XPath。

  3. XPath 定位功能强大，采用遍历搜索，速度略慢。

  4. link，class name， tag name：不推荐使用，无法精准定位。

常见操作

Selenium 常见操作有：

  1. 输入、点击、清除。

  2. 关闭窗口、浏览器。

  3. 获取元素属性。

  4. 获取网页源代码、刷新页面。

  5. 设置窗口大小。

输入、点击、清除

输入、点击、清除在 Selenium 中对应的方法分别是 send_keys、click、clear。

Python 实现

 

  1.  
    from selenium import webdriver
     
  3.  
    driver = webdriver.Chrome()
     
  4.  
    driver.get('http://www.baidu.com')
     
  5.  
    driver.find_element(By.NAME,'wd').send_keys('XXXX')
     
  6.  
    driver.find_element(By.ID,'su').click()
     
  7.  
    driver.find_element(By.NAME,'wd').clear()
     
 

Java 实现
 

 

  1.  
    importorg.openqa.selenium.By;
     
  2.  
    importorg.openqa.selenium.WebDriver;
     
  3.  
    importorg.openqa.selenium.chrome.ChromeDriver;
     
  7.  
    publicclass demo2{
     
  8.  
    publicstaticvoidmain(String[]args)throwsInterruptedException{
     
  9.  
    WebDriverdriver=newChromeDriver();
     
  11.  
    driver.get("http://www.baidu.com'");
     
  12.  
    Thread.sleep(2000);
     
  13.  
    driver.findElement(By.name("wd")).sendKeys("霍格沃兹测试学院");
     
  14.  
    driver.findElement(By.id("su")).click();
     
  15.  
    driver.findElement(By.name("wd")).clear();
     
  17.  
    //关闭浏览器进程
     
  18.  
    driver.quit();
     
  19.  
    }
     
  20.  
    }
     
 

 

 

关闭窗口、浏览器
 

关闭当前句柄窗口（不关闭进程）close()，关闭整个浏览器进程 quit()。
 

Python 实现
 

 

  1.  
    #导入对应的依赖
     
  2.  
    from selenium import webdriver
     
  3.  
    #初始化webdriver
     
  4.  
    driver = webdriver.Chrome()
     
  5.  
    #访问网站
     
  6.  
    driver.get('http"//www.baidu.com')
     
  7.  
    #关闭当前窗口
     
  8.  
    driver.close()
     
  9.  
    #关闭浏览器
     
  10.  
    driver.quit()
     
 

Java 实现​​​​​​​
 

 

  1.  
    importorg.openqa.selenium.WebDriver;
     
  2.  
    importorg.openqa.selenium.chrome.ChromeDriver;
     
  3.  
    publicclass demo{
     
  4.  
    publicstaticvoidmain(String[]args)throwsInterruptedException{
     
  5.  
    WebDriverdriver=newChromeDriver();
     
  7.  
    driver.get("https://ceshiren.com");
     
  8.  
    Thread.sleep(2000);
     
  9.  
    //关闭页面
     
  10.  
    driver.close();
     
  11.  
    Thread.sleep(2000);
     
  12.  
    //关闭浏览器进程
     
  13.  
    driver.quit();
     
  14.  
    }
     
  15.  
    }
     
 

获取元素属性
 

获取元素标签上的属性 get_attribute('value')，元素的坐标 location，元素的大小 size。
 

Python 实现​​​​​​​
 

 

  1.  
    import logging
     
  2.  
    from selenium import webdriver
     
  4.  
    def test_baidu():
     
  5.  
    driver = webdriver.Chrome()
     
  6.  
    driver.get('https://www.baidu.com')
     
  7.  
    search = driver.find_element(By.ID,'su')
     
  8.  
    logging.basicConfig(level=logging.INFO)
     
  9.  
    logging.info(search.get_attribute('value'))
     
  10.  
    #获取search的value属性值并打印
     
  11.  
    logging.info(search.get_attribute('value'))
     
  12.  
    #打印search的位置坐标
     
  13.  
    logging.info(search.location)
     
  14.  
    #打印search的元素大小
     
  15.  
    logging.info(search.size)
     
 

Java 实现​​​​​​​
 

 

  1.  
    importorg.openqa.selenium.*;
     
  2.  
    importorg.openqa.selenium.chrome.ChromeDriver;
     
  3.  
    importjava.util.logging.Logger;
     
  4.  
    publicclass demo{
     
  5.  
    privatestaticfinalLoggerlogger=Logger.getLogger(demo.class.getName());
     
  6.  
    publicstaticvoidmain(String[]args)throwsInterruptedException{
     
  8.  
    WebDriverdriver=newChromeDriver();
     
  10.  
    driver.get("https://www.baidu.com");
     
  12.  
    Thread.sleep(2000);
     
  14.  
    WebElementsearch=driver.findElement(By.id("su"));
     
  15.  
    //获取search元素的value属性值并打印
     
  16.  
    logger.info(search.getAttribute("value"));
     
  17.  
    //获取search元素的位置坐标值并打印
     
  19.  
    Pointp=search.getLocation();
     
  20.  
    logger.info("Width: "+p.x);
     
  21.  
    logger.info("Height: "+p.y);
     
  22.  
    //获取search元素的大小并分别打印
     
  23.  
    Dimensionsize=search.getSize();
     
  24.  
    intwidth=size.getWidth();
     
  25.  
    intheight=size.getHeight();
     
  26.  
    logger.info("Width: "+width);
     
  27.  
    logger.info("Height: "+height);
     
  29.  
    driver.close();
     
  30.  
    //关闭浏览器进程
     
  31.  
    driver.quit();
     
  32.  
    }
     
  33.  
    }
     
 

 

 

输出结果为：​​​​​​​
 

 

  1.  
    INFO:root:百度一下
     
  2.  
    INFO:root:百度一下
     
  3.  
    INFO:root:{'x':844,'y':188}
     
  4.  
    INFO:root:{'height':44,'width':108}
     
 

获取网页源代码、刷新页面
 

网页源代码 page_source，刷新页面 refresh()。
 

Python 实现​​​​​​​
 

 

  1.  
    import logging
     
  2.  
    from selenium import webdriver
     
  4.  
    driver = webdriver.Chrome()
     
  5.  
    driver.get('http"//www.baidu.com')
     
  6.  
    #刷新页面
     
  7.  
    driver.refresh()
     
  8.  
    logging.basicConfig(level=logging.INFO)
     
  9.  
    #打印当前页面的源代码
     
  10.  
    logging.info(driver.page_source)
     
 

Java 实现​​​​​​​
 

 

  1.  
    importorg.openqa.selenium.*;
     
  2.  
    importorg.openqa.selenium.chrome.ChromeDriver;
     
  3.  
    importjava.util.logging.Logger;
     
  4.  
    publicclass demo{
     
  5.  
    privatestaticfinalLoggerlogger=Logger.getLogger(demo.class.getName());
     
  6.  
    publicstaticvoidmain(String[]args)throwsInterruptedException{
     
  8.  
    WebDriverdriver=newChromeDriver();
     
  10.  
    driver.get("https://ceshiren.com");
     
  13.  
    Thread.sleep(2000);
     
  14.  
    driver.navigate().refresh();
     
  15.  
    //打印页面源代码
     
  16.  
    logger.info(driver.getPageSource());
     
  18.  
    driver.close();
     
  19.  
    //关闭浏览器进程
     
  20.  
    driver.quit();
     
  21.  
    }
     
  22.  
    }
     
 

 

 

设置窗口大小
 

设置窗口大小主要有最小化、最大化和自定义设置窗口具体的大小。
 

Python 实现​​​​​​​
 

 

  1.  
    from selenium import webdriver
     
  3.  
    driver = webdriver.Chrome()
     
  4.  
    driver.get('http"//www.baidu.com')
     
  5.  
    #最小化窗口
     
  6.  
    driver.minimize_window()
     
  7.  
    #最大化窗口
     
  8.  
    driver.maximize_window()
     
  9.  
    #将浏览器设置为1000*1000的大小
     
  10.  
    driver.set_window_size(1000, 1000)
     
 

Java 实现​​​​​​​
 

 

  1.  
    importorg.openqa.selenium.*;
     
  2.  
    importorg.openqa.selenium.chrome.ChromeDriver;
     
  4.  
    publicclass demo{
     
  6.  
    publicstaticvoidmain(String[]args)throwsInterruptedException{
     
  8.  
    WebDriverdriver=newChromeDriver();
     
  10.  
    driver.get("https://ceshiren.com");
     
  11.  
    //最大化页面
     
  12.  
    driver.manage().window().maximize();
     
  13.  
    //最小化页面
     
  14.  
    driver.manage().window().minimize();
     
  16.  
    Thread.sleep(2000);
     
  17.  
    //将浏览器页面大小设置为800x600像素
     
  18.  
    driver.manage().window().setSize(newDimension(800,600));
     
  20.  
    driver.close();
     
  21.  
    //关闭浏览器进程
     
  22.  
    driver.quit();
     
  23.  
    }
     
  24.  
    }
     
 

 

总结：
 

感谢每一个认真阅读我文章的人！！！
 

作为一位过来人也是希望大家少走一些弯路，如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助。
 

 

软件测试面试文档
 

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。
 

 

 
 

          视频文档获取方式：
 这份文档和视频资料，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！以上均可以分享，点下方小卡片即可自行领取。











本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/704333.html


如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！












相关文章










RT-Thread中使用Mqtt








RT-Thread中使用Mqtt




环境： 
开发板：Panduola（stm32L475） KEIL5 开发环境 rtthread 4.0.3内核 使用ENV 配置Rtt MQTT 
1.MQTT介绍 ​ 客户端 Client 
使用MQTT的程序或设备。客户端总是通过网络连接到服务端。它可以发布应用消息给其它相关的客户端。订…




阅读更多...

















音视频捕捉技术：LCC382 SDI采集卡深度解析








音视频捕捉技术：LCC382 SDI采集卡深度解析




在日新月异的多媒体时代，高质量的音视频采集已成为众多领域不可或缺的一环。为此，灵卡科技精心打造了LCC382 —— 一款集高效性、灵活性与前沿技术于一身的SDI输入与环出、HDMI输出音视频采集卡，旨在满足从专业直播、视频会议到医疗影像、安防…




阅读更多...

















Java微信小程序订阅消息提醒的实现与对接








Java微信小程序订阅消息提醒的实现与对接




文章目录 一、准备工作1. 注册微信小程序，并开通订阅消息功能。2. 获取小程序的AppID和AppSecret。3. 在微信小程序管理后台，设置提醒模板，并获取模板ID。4. 小程序端需要获取用户订阅允许提醒的权限（1）引导用户触发订…




阅读更多...

















Google Ads被暂停的原因，如何防范？








Google Ads被暂停的原因，如何防范？




跨境出海业务少不了需要做Google Ads推广业务；其中让投手们闻风丧胆的消息就是帐户被暂停。当 Google 检测到任何违反其政策且可能损害用户在线体验的行为时，就会发生这种情况。那么如何在做广告推广的同时，保证账号不被封禁呢？看…




阅读更多...

















前馈神经网络FNN、多层感知机MLP和反向传播推导








前馈神经网络FNN、多层感知机MLP和反向传播推导




目录 
一、前馈神经网络FNN 
激活函数的使用 
二、多层感知机MLP 
MLP的典型结构 
多层感知机MLP的特点 
和前馈神经网络FNN的区别 
三、传播推导 
1、前向传播(Forward propagation) 
（1）输入层到隐藏层 
（2）隐藏层到输出层 
2、…




阅读更多...

















Vue3知识总结-4








Vue3知识总结-4




Vue3知识总结-4 文章目录 Vue3知识总结-4插槽Slots渲染作用域默认内容具名插槽插槽中的数据传递具名插槽传递数据 组件声明周期声明周期示意图 组件生命周期的应用动态组件组件保持存活组件被卸载 异步组件依赖注入 插槽Slots 
在某些场景中，可能想要为子组件传递一…




阅读更多...

















easyx快速入门1








easyx快速入门1




1.基本说明 
EasyX 是针对 C 的图形库，可以帮助 C/C 初学者快速上手图形和游戏编程。 
比如，可以基于 EasyX 图形库很快的用几何图形画一个房子，或者一辆移动的小车，可以编写俄罗斯方块、贪吃蛇、黑白棋等小游戏，可以练…




阅读更多...

















SDL系列（四）—— 事件机制








SDL系列（四）—— 事件机制




事件循环 大多数多媒体程序依靠 事件系统 来处理输入。  SDL  为处理输入事件提供了灵活的  API 。  本质上， SDL  将来自设备（如键盘，鼠标或控制器）的输入记录为 事件 ，将它们存储在  “ 事件队列 ”中。  您可以将此…




阅读更多...

















硬盘坏道如何检测和修复?








硬盘坏道如何检测和修复?




硬盘是我们储存数据的重要设备，然而在使用过程中，我们可能会遇到一些困扰，比如硬盘出现坏道的问题。那么，什么是坏道呢？硬盘出现坏道会对我们的性能和数据安全产生影响吗？如何去检测和修复这些坏道呢&#…




阅读更多...

















【STM32-MX_GPIO_Init分析】








【STM32-MX_GPIO_Init分析】




MX_GPIO_Init分析源码如下：  
__HAL_RCC_GPIOE_CLK_ENABLE源码如下：  
#define RCC                 ((RCC_TypeDef *) RCC_BASE)
#define RCC_BASE              (AHB1PERIPH_BASE  0x3800UL)
#define AHB1PERIPH_BASE       (PERIPH_BASE  0x00020000U…




阅读更多...

















失业焦虑如何缓解心情？流静冥想








失业焦虑如何缓解心情？流静冥想




失业焦虑如何缓解心情？人生旅途，失业犹如山重水复，焦虑似迷雾遮望眼。古语云：“山不厌高，海不厌深。”心之向往，冥想便是那披荆斩棘之斧，如何带你走出困境？ “静以修身”&#xff0c…




阅读更多...

















你是学会了还是学废了：Elasticsearch 7 集群拷贝到其它环境如何重置密码








你是学会了还是学废了：Elasticsearch 7 集群拷贝到其它环境如何重置密码




欢迎您关注我的公众号【尚雷的驿站】 公众号：尚雷的驿站 CSDN ：https://blog.csdn.net/shlei5580 墨天轮：https://www.modb.pro/u/2436 PGFans：https://www.pgfans.cn/user/home?userId4159 前言 本文描述了将生产ES集群打包拷贝…




阅读更多...


















推荐文章












最新文章


















Copyright @ 2022~2023