array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助(Microsoft Help Viewer)的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v;报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文(变量对象,作用域链,this)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记:快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习(二)Flotr2,雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树(Expression)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例:事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 selenium自动化测试之元素定位二(xpath定位) - 爱码网

1.1 Xpath定位

1.1.1 选取节点

1.1.1.1 精确选择节点

XPath 使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径或者 step 来选取的

路径表达式

表达式

描述

nodename

选取此节点的所有子节点。

/

从根节点选取。

//

从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置。

.

选取当前节点。

..

选取当前节点的父节点。

@

选取属性。

 

1.1.1.2 选取未知节点

XPath 通配符可用来选取未知的 XML 元素。

通配符

描述

*

匹配任何元素节点。

@*

匹配任何属性节点。

node()

匹配任何类型的节点。

 

1.1.1.3 选取若干路径

通过在路径表达式中使用“|”运算符,您可以选取若干个路径。

 

1.1.2 绝对路径定位

绝对路径表示从html的根节点开始一层一层的往下查找元素,始于正斜杠(/)并且每层元素之间使用正斜杠(/)

  • 目标

查找第一个a标签下的“猜猜看”

  • 实现

Xpath定位表达式

/html/body/a[.=”猜猜看”]

/html/body/a[text()=”猜猜看”]

Python定位语句

element1 = driver.find_element_by_xpath(‘/html/body/a[.=”猜猜看”]’)

element2 = driver.find_element_by_xpath(‘/html/body/a[text()=”猜猜看”]’)

  • 说明

使用绝对定位是十分不灵活的,一旦页面结构发生变化,原来的表达式就可能失效,需要重新维护,成本会增加。而且在实际项目中页面结构可能非常复杂,会造成xpath表达式非常长,不容易理解。所以不建议使用绝对定位。

1.1.3 相对路径定位

相对路径的每一步都根据当前节点集中的节点来进行计算,起始于双正斜杠(//)

  • 目标

查找第一个a标签下的“猜猜看”

  • 实现

Xpath表达式

//a[.=”猜猜看”]

//a[text()=”猜猜看”]

  • Python表达式

element1 = driver.find_element_by_xpath(‘//a[.=”猜猜看”]’)

element2 = driver.find_element_by_xpath(‘//a[text()=”猜猜看”]’)

  • 说明

相对路径xpath定位表达式简洁易读,而且不容易受页面结构变化的影响。使用时应尽量保证表达的简洁性。

1.1.4 索引定位

索引定位表示摸个被定位的页面元素在其父元素节点下的同名元素中的位置序号,起始序号为1

  • 目标

查询页面中的第二个div

  • 实现

Xpath表达式

//div[2]

  • Python表达式

element = driver.find_element_by_xpath(“//div[2]”)

1.1.5 属性定位

1.1.5.1 精确属性定位

  • 目标

选择alt值等于“点我试试呀”的img元素

实现

  • Xpath表达式

//img[@alt=”点我试试呀”]

  • Python表达式

element = driver.find_element_by_xpath(‘//img[@alt=”点我试试呀”]’)

1.1.5.2 模糊属性定位

模糊定位的函数有如下三个:starts-with (str1,st2), contains (str1,str2),text()

  • 目标

查找alt属性值包含“点我”的元素

  • 实现
  • Xpath表达式

//img[starts-with(@alt,”点我”)

//img[contains(@alt,”点我”)

  • Python表达式

element1 = driver.find_element_by_xpath(‘//img[starts-with(@alt,”点我”)’)

element2 = driver.find_element_by_xpath(‘//img[contains(@alt,”点我”)’)

 

1.1.6 轴定位

 

Xpath轴关键字

轴的定义说明

定位表达式实例

表达式解释

parent

选取当前节点的父节点

//img[@alt='div2-img2']/parent::div

查找到alt属性为div2-img2的img元素,并基于图片找到其上一级的div元素

child

选取当前节点的子节点

//div[@id='div1']/child::img

查找id为div1的div标签,基于当前div查找标签为img的子节点

ancestor

选取当前节点的所有上层节点

//img[@alt='div2-img2']/ancestor::div

查找alt属性为div2-img2的图片,基于当前图片找到其上级的div页面元素

descendant

选取当前节点所有下层节点

//div[@id='div2']/descendant::img

查找id属性为div2的div元素,在查找其下级所有节点中的img元素

following

选取当前节点之后显示的所有节点

//div[@id='div1']/following::img

查找到ID属性为div1的div元素,并基于div的位置找到它后面节点中的img元素

following-sibling

选取当前节点所有的平级节点

//img[@alt='div1-img1']/following-sibling::input

查找到alt属性为div1-img1的img页面元素,并基于img的位置找到后续节点中的input元素

preceding

选取当前节点前面所有的节点

//img[@alt='div2-img2']/preceding::div

查找到alt属性为div2-img2的图片页面元素,并基于图片的位置找到它前面节点中的div元素

preceding-sibling

选取当前节点前面所有平级的节点

//img[@alt='div2-img2']/preceding-sibling::a[1]

查找到alt属性值为div2-img2的图片元素,基于图片位置找到它前面同级节点的第二个链接页面元素

ancestor-or-self

选取当前节点的所有先辈(父、祖父等)以及当前节点本身。

 

 

attribute

选取当前节点的所有属性

 

 

namespace

选取当前节点的所有命名空间节点。

 

 

self

 选取当前节点。

 

 

 

附录:

 

 

xpath运算符

 

运算符

描述

实例

返回值

|

计算两个节点集

//book | //cd

返回所有拥有 book 和 cd 元素的节点集

+

加法

6 + 4

10

-

减法

6 - 4

2

*

乘法

6 * 4

24

div

除法

8 div 4

2

=

等于

price=9.80

如果 price 是 9.80,则返回 true。
如果 price 是 9.90,则返回 false。

!=

不等于

price!=9.80

如果 price 是 9.90,则返回 true。
如果 price 是 9.80,则返回 false。

小于

price<9.80

如果 price 是 9.00,则返回 true。
如果 price 是 9.90,则返回 false。

<=

小于或等于

price<=9.80

如果 price 是 9.00,则返回 true。
如果 price 是 9.90,则返回 false。

大于

price>9.80

如果 price 是 9.90,则返回 true。
如果 price 是 9.80,则返回 false。

>=

大于或等于

price>=9.80

如果 price 是 9.90,则返回 true。
如果 price 是 9.70,则返回 false。

or

price=9.80 or price=9.70

如果 price 是 9.80,则返回 true。
如果 price 是 9.50,则返回 false。

and

price>9.00 and price<9.90

如果 price 是 9.80,则返回 true。
如果 price 是 8.50,则返回 false。

mod

计算除法的余数

5 mod 2

1

 

关注公众号获取更多内容

selenium自动化测试之元素定位二(xpath定位)

 

相关文章: