《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）

简介
　　俗话说：磨刀不误砍柴工，因此在我们要开始写自动化脚本之前，我们先来学习和了解几个基本概念，在完全掌握了这几个概念之后，有助于我们快速上手，如何去编写自动化测试脚本。

元素，在这个教程系列，我们说的元素之网页元素（web element）。在网页上面的文本输入框，按钮，多选，单选，标签，和文字都叫元素，总之，凡是能在页面显示的对象都可以作为页面元素对象。

元素定位，有时候也叫Locator，一个HTML页面元素，可以用很多方法去描述这个元素的位置。打个比方，生活中地址，一个大厦，正常的地址是 xx省xx市xx区xx街道xxx号，这个具体描述就是这个大厦的Locator。同样的道理，一个网页元素，也有位置，也可以通

过一些手段或者表达式去描述这个元素在页面对应的位置。

XPath，XPath即为XML路径语言，它是一种用来确定XML（标准通用标记语言的子集）文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力，XPath 很快的被开发者采用来当作小型查询语言。

Selenium一共有八种元素定位方法，这个在上一篇文章中已经提到过，其中在实际开发自动化脚本过程中，XPath的使用是最多的、比较好用的一种方法，所以本文就着重来介绍如何通过XPath来元素定位。学习了XPath元素定位后，其他7中方法，很容易理解，甚至

已经学会了其中好几种方法。
1.1 XPath工具安装
为了提高抓取元素XPath的，我推荐在Firefox上安装一个firepath的插件，这个插件，可以帮我们快速获取网页元素的XPath表达式。

打开火狐浏览器，如果没有安装，下载默认安装
点击右上角，菜单-附件组件-扩展
在搜索所有附件组件文本输入框输入：firebug
找到Firebug，点击安装。重复步骤3和4，搜索和安装FirePath。
安装好了之后，会在火狐浏览器右上角显示一个虫子的图标。

1.2 XPath工具简单使用
我们用定位百度首页的搜索输入框这个元素定位来演示。

打开百度首页
鼠标定位到搜索输入框
右键鼠标，选Inspect in FirePath
打开界面如下图

①FirePath自动推荐该元素的XPath表达式

②该元素节点的详细信息，XPath表达式选取重点区域

③找到一个匹配元素

   一般来说，自动推荐的XPath表达式定位不够精确。我们大部分时候需要去步骤2中，找出能够识别这个唯一元素的节点信息。刚好上面通过id=kw只能找到一个匹配的元素，说明这个XPath可用，看起来也简洁。实际项目中，可能XPath表达式写得很长，或者附

近节点信息好多相同，不太好能够快速找到一个唯一的节点信息去定位这个目标元素。接下来，我介绍几种比较实用的XPath定位技巧，基本上能定位到所有的网页元素。

1.3 XPath定位技巧之text()方法
以百度首页右上角“新闻”定位举例

XPath如下图

1.4 XPath定位技巧之contains()方法
有时候，我们不喜欢写很长的XPath表达式，而且节点信息里面，有些信息是动态的，每次都获取都不一样，这个时候contains()方法就很好用。

JD首页左侧电脑菜单举例

XPath写法推荐，这里用contains()方法来定位

这里href = //diannao.jd.com，如果我觉得这个href太长，我只取关键字diannao，利用contains()方法来定位就方便多了，推荐电脑这个元素的XPath：//*/a[contains(@href,‘diannao’)]

1.5 相对XPath路径写法
有时候，我们遇到目标元素节点的信息很少，不足够用来精确定位到目标元素，这个时候，我们就需要考虑，利用目标元素上下附件节点，通过确定附件的节点从而确定目标元素，这种方式就叫相对路径。

这里用火狐浏览器百度首页的一个单选按钮来举例；

火狐浏览器上firepath给出的推荐表达式是：

这里推荐的XPath是根据目标元素节点中id信息来定位的，这个通过id就能定位，当然好。有时候，如果这个id不能作为参考值，我们需要利用相对定位方法来定位这个新闻标题前面的单选按钮；

1）先根据value = google_web 或者text()=谷歌来定位“谷歌”这个标签。

2）根据相对定位来确定“谷歌”前面的这个radio按钮。

3）XPath的写法是：.//*/label[@value=‘google_web’]/

此前使用webdriver对浏览器进行了一些基本操作，可以说是基本接触了这个工具了，接下来就应该做更多事情了。

打开了网页，接下来就需要对网页中的内容进行操作了，例如定位网页中的元素、读取网页元素中的内容、对内容进行操作。

2.小结
XPath 是一种在 XML 文档中定位元素的语言。因为 HTML 可以看做 XML 的一种实现，所以 selenium用户可是使用这种强大语言在 web 应用中定位元素。
2.1 绝对路径定位：
XPath 有多种定位策略，最简单和直观的就是写元素的绝对路径。如果仍然把一个元素看做一个人的话，那么现在有一个人，他没有任何属性特征，那么这个人一定会存在于某个地理位置，如：xx 省 xx 市xx 区 xx 路 xx 号。那么对于一个元素在一个页面当中也会有

这样的一个绝对地址。

参考 baidu.html 前端工具所展示的代码，我们可以用下面的方式来找到百度输入框和搜索按钮。

find_element_by_xpath("/html/body/div/div[2]/div/div/div/from/span/input")

find_element_by_xpath("/html/body/div/div[2]/div/div/div/from/span[2]/input")
find_element_by_xpath()方法用于 XPath 语言定位元素。XPath 的绝对路径主要用标签名的层级关系来

定位元素的绝对路径。最外层为 html 语言，body 文本内，一级一级往下查找，如果一个层级下有多个相同的标签名，那么就按上下顺序确定是第几个，div[2]表示第二个 div 标签。

2.2 利用元素属性定位：
除了使用绝对路径的以外，XPath 也可以使用使素的属性值来定位。同样以百度输入框和搜索按钮为例：

find_element_by_xpath("//input[@id=‘kw’]")

find_element_by_xpath("//input[@id=‘su’]")
//表示当前页面某个目录下，input 表示定位元素的标签名，[@id=‘kw’] 表示这个元素的 id 属性值等于kw。下面通过 name 和 class 属性值来定位。

find_element_by_xpath("//input[@id=‘wd’]")

find_element_by_xpath("//input[@class=‘s_ipt’]")

find_element_by_xpath("//[@class=‘bg s_btn’]")
如果不想指定标签名也可以用星号（）代替。当然，使用 XPath 不仅仅只局限在 id、name 和 class 这三个属性值，元素的任意属性值都可以使用，只要它能唯一的标识一个元素。

find_element_by_xpath("//input[@maxlength=‘100’]")

find_element_by_xpath("//input[@autocomplete=‘off’]")

find_element_by_xpath("//input[@type=‘submit’]")
2.3 层级与属性结合：
如果一个元素本身并没有可以唯一标识这个元素的属性值，我们可以找其上一级元素，如果它的上级

有可以唯一标识属性的值，也可以拿来使用。参考 baidu.html 文本。

假如百度输入框本身没有可利用的属性值，我们可以查找它的上一级属性。比如，“小明”刚出生的时候没有名字，没上户口（没身份证号），那么亲朋好友来找“小明”可以先到小明的爸爸，因为他爸爸是有很多属性特征的，找到了小明的爸爸，抱在怀里的一定就是小

明了。通过 XPath 描述如下：

find_element_by_xpath("//span[@class=‘bg s_ipt_wr’]/input")

find_element_by_xpath("//span[@class=‘bg s_btn_wr’]/input")
span[@class=‘bg s_ipt_wr’] 通过 class 属性定位到是父元素，后面/input 也就表示父元素下面标签名为input 的子元素。如果父元素没有可利用的属性值，那么可以继续向上查找“爷爷”元素。

find_element_by_xpath("//form[@id=‘form’]/span/input")

find_element_by_xpath("//form[@id=‘form’]/span[2]/input")
我们可以通过这种方法一级一级的向上打找，直到找到最外层的标签，那么就是一个绝对路径的写法了。

2.4 使用逻辑运算符
如果一个属性不能唯一的区分一个元素，我们还可以使用逻辑运算符连接多个属性来区别于其它属性。

如上面的三行元素，假如我们现在要定位第一行元素，如果使用 id 将会与第二行元素重名，如果使用class 将会与第三行元素的重名。那么如果同时使用 id 和 class 就会唯一的标识这个元素。那么这个时候就可以通过逻辑运算符号连接。

find_element_by_xpath("//input[@id=‘kw’ and @class=‘su’]/span/input")
当然，我们也可以用 and 连接更多的属性来唯一的标识一个元素。

我们在本书的第一章中介绍的 Firebug 前端调试工具和 FirePath 插件可以方便的辅助 XPath 语法。

打开 FireFox 浏览器的 FireBug 插件，点击插件左上角的鼠标箭头，再点击页面上需要定位的元素，在元

素行上右键弹出快捷菜单，选择“复制 XPath”，将会获得当前元素的 XPath 语法，如图：

FirePath插件的使用就更加方便和快捷了，选中元素后，直接在XPath的输入框中生成当前元素的XPath语法，如图：

《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）相关推荐

python selenium右键另存为_手把手教你系列练习篇之1python+ selenium自动化测试（详细教程）...
1.简介相信各位小伙伴或者同学们通过前面已经介绍了的Python+Selenium基础篇,通过前面几篇文章的介绍和练习,Selenium+Python的webUI自动化测试算是一只脚已经迈入这个门 ...
Android开发系列——实战篇5：自适应屏幕尺寸（超详细教程）
在实战篇4中构建了界面之后,在模拟器中完好的布局,在实际下载到手机上的时候,却出现了布局不协调的问题. 在模拟器Nexus6上的布局界面: 在真机HUWEI P10 Plus上的布局界面: 在真机HU ...
python编程做联机游戏大全单机_手把手教你将单机游戏改造成对战网游（附详细教程）...
前言:本Demo原来是Cocos Creator官方的一个Demo,本文章利用了第三方联网插件工具Matchvs将其改造成了一个三人对战的Demo,(在线体验地址). 注意事项 1.游戏满三人才可以开 ...
《手把手教你》系列基础篇之（一）-java+ selenium自动化测试-环境搭建（上）（详细教程）
1.简介 jmeter系列的文章结束,本来想趁热打铁顺别将Jmeter和接口测试介绍一下,但是感觉Jmeter时间太长了怕大家吃腻了,还有一个原因就是许多小伙伴们或者童鞋们私信问宏哥什么时候可以有ja ...
SQL Server调优系列基础篇（子查询运算总结）
前言前面我们的几篇文章介绍了一系列关于运算符的介绍,以及各个运算符的优化方式和技巧.其中涵盖:查看执行计划的方式.几种数据集常用的连接方式.联合运算符方式.并行运算符等一系列的我们常见的运算符.有兴 ...
SQL Server调优系列基础篇（联合运算符总结）
前言上两篇文章我们介绍了查看查询计划的方式,以及一些常用的连接运算符的优化技巧,本篇我们总结联合运算符的使用方式和优化技巧. 废话少说,直接进入本篇的主题. 技术准备基于SQL Server200 ...
SQL Server 调优系列基础篇 - 子查询运算总结
前言前面我们的几篇文章介绍了一系列关于运算符的介绍,以及各个运算符的优化方式和技巧.其中涵盖:查看执行计划的方式.几种数据集常用的连接方式.联合运算符方式.并行运算符等一系列的我们常见的运算符.有兴 ...
SQL Server调优系列基础篇（常用运算符总结）
原文:SQL Server调优系列基础篇(常用运算符总结) 前言上一篇我们介绍了如何查看查询计划,本篇将介绍在我们查看的查询计划时的分析技巧,以及几种我们常用的运算符优化技巧,同样侧重基础知识的掌握 ...
Ansible系列-基础篇-Ansible Inventory的合理化配置
欢迎关注个人公众号 DailyJobOps 原文地址:Ansible系列-基础篇-Ansible Inventory的合理化配置这里写目录标题 Ansible Inventory内置参数 Inven ...
一起学Pandas系列基础篇---loc和iloc
一起学Pandas系列基础篇-loc和iloc 一起学Pandas系列基础篇---loc和iloc 一起学Pandas系列基础篇---loc和iloc 本篇学习内容介绍一.loc 1. 选择索引为0 ...

《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）

《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）相关推荐

最新文章

热门文章