当前位置:   article > 正文

软件测试/人工智能/全日制|详解selenium xpath定位_如何使用浏览器的开发者工具查找和验证xpath表达式

如何使用浏览器的开发者工具查找和验证xpath表达式

在这里插入图片描述

在自动化测试中,使用Selenium定位网页元素是至关重要的。XPath是一种强大的定位方法,允许您通过元素的路径来精确定位,无论其在DOM(文档对象模型)中的位置如何。

selenium-xpath定位

element_xpath = driver.find_element(By.XPATH, 'xpath表达式')
  • 1

xpath定位说明

xpath即为XML路径语言(XML Path Language),是由国际标准化组织W3C指定的,一种用来确定XML文档节点位置的语言


xpath定位优点

1.相较于其他定位方式,可支持更多定位方法,如:布尔逻辑判断、模糊定位等
2.可支持web定位、Android app原生页面定位


xpath定位缺点

1.需要从头到尾解析整个页面,速度较慢


xpath调试方法

方法1:在浏览器开发者模式的elements中,Ctrl+F搜索栏输入xpath表达式
方法2:在浏览器开发者模式的console中,按如下格式可验证表达式

$x("xpath表达式")   # 表达式中存在引号,则使用单引号,'$'可更换为'$$'
  • 1

xpath节点

在xpath中,有七种类型的节点(node):元素、属性、文本、命名空间、处理指令、注释以及文档节点(或称为根节点)
在开始xpath语法前,我们需要简单了解这几种节点:

节点名称说明示例
元素节点网页中的各个标签如<textarea>…</textarea>、<p>…</p>
根节点网页的第一个元素节点网页的根节点通常为<html>…<html>
属性节点标签中的各个属性如<div id=‘su’ >…</div>,id即为div节点的属性
文本节点标签的文本如<div>啦啦啦</div>,'啦啦啦’即为div节点的文本

xpath语法

xpath使用路径表达式描述目标节点与网页头的关系

绝对路径 & 相对路径

路径表达式有两种结构,分别为:

  • 绝对路径:从根节点/html开始往下,一层层的表示出来直到需要的节点为止。以百度输入框为例,表达式为:
/html/body/div[1]/div[2]/div[5]/div[1]/div/form/span[1]
  • 1
  • 相对路径:从任意节点开始,根据节点描述信息找到需要的节点。同样以百度输入框为例,表达式为:
//input[@id='su']
  • 1

对比两种表达式,可以发现:

  • 相对路径更简洁,方便阅读
  • 相对路径更稳定,当前端页面有结构变动就容易引起绝对路径发生变化

因此,在项目中几乎都是使用相对路径进行定位

xpath基本表达式

表达式说明示例示例说明
nodename选取此节点的所有子节点html选取<html>根节点的所有子节点
/从根节点选取,或者用来选择子节点/html/body/textarea选择<body>中的所有<textarea>子节点
//从匹配节点开始选取,或者选择后代节点/html/body//textarea选择<body>中的所有<textarea>后代节点
|选择多个节点//div|//a选择所有<div>节点和<a>节点
选择当前节点的父节点//p/…选择所有<p>的父节点
*选择所有节点/html/body/*选择<body>中的所有节点

xpath谓语表达式

谓语表达式(predicate):紧跟在节点后面,嵌入在[]中的一段表达式,可用来筛选多个同名节点
谓语表达式作用原理:获取节点信息,通过表达式判断节点是否符合要求,为True则返回该节点
谓语格式:

节点名称[谓语]
  • 1

常用谓语说明示例示例说明
n节点编号//div[2]选择所有<div>节点且该节点是其父级的第二个<div>节点
last()最后一个节点//div[last()]选择所有<div>节点且该节点是其父级的最后一个子节点
position()比较节点编号//div[position() < 3]选择所有<div>节点且该节点是其父级的前两个<div>节点
@属性属性//input[@id]选择所有<input>节点且该节点带id属性
@属性=‘属性值’比较属性//input[@id=‘kw’]选择所有<input>节点且该节点id属性为’kw’
text()比较节点文本//a[text()=‘新闻’]选择所有<a>节点且该节点文本为’新闻’

谓语运算符说明示例示例说明
= !=
> <
>= <=
大小比较/html/body/div[position()=2]选择<body>中的第2个<div>子节点
+ - *、
div mod
加减乘除求余/html/body/div[last()-1]选择<body>中的倒数第2个<div>子节点
and or not()或、且、非运算//*[@id=‘kw’ and @class=‘s_ipt’]选择所有id='kw’并且class='s_ipt’的节点
contains()包含//*[contains(text(), ‘新闻’)]选择所有文本带有’新闻’二字的节点
starts-with()头部包含//*[starts-with(@id, ‘s’)]选择所有文本以’新闻’开头的节点

备注:

  1. last()、position()、text()、not()这类带有括号的表达式,实质都是xpath提供的函数,本篇文章只列出了常用函数
  2. 根据W3C标准,第一个节点编号应该是[1],但在IE5及更高版本中第一个节点编号是[0]

xpath轴(axis)

轴:表示所选节点与当前节点之间的树关系,用来筛选对于当前节点有相同关系的一类节点
轴格式:

当前节点/轴名称::节点名称
  • 1
说明示例示例说明
ancestor先辈节点//input[@id=‘kw’]/ancestor::\ *选择id='kw’的<input>节点的所有先辈节点
ancestor-or-self先辈节点以及当前节点
attribute节点属性
child子节点,等同于//html/body/child::div选择<body>中的所有<div>子节点
descendant后代节点,等同于///html/body/descendant::div选择<body>中的所有<div>后代节点
descendant-or-self后代节点以及当前节点
following结束标签之后的所有节点
namespace命名空间
parent父节点
preceding开始标签之前的所有节点
preceding-sibling当前节点之前的所有同级节点
self当前节点

总结

XPath是一个强大的工具,但也需要谨慎使用,因为Xpath方法查找元素较慢,一般情况下优先选择是其他定位方法,希望本文能够帮到大家!

更多Python基础语法趣味学习视频,请点击!

在这里插入图片描述

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号