Selenium-xpath定位详解

Posted 2020-12-14 bugoobird

工具

　　目前chrome浏览器支持ChroPath插件，这是一个非常好用的定位前端标签插件，在https://crxdl.com/中查询chropath下载离线包，手动安装插件即可

 

XPATH是啥？

　　XPath是XML的路径语言，通俗一点讲就是通过元素的路径来查找到这个标签元素。

 

Xpath用法

　　默认写死 //*,获取到页面所有元素

1、只要元素的属性是唯一的，就都能获取到，无论是id class name 自定义属性等
通过属性获取需要使用‘@‘标记，格式：//*[属性名="属性值"]

通过id获取
//*[@id=‘i1‘]

通过name获取
//*[@name=‘name‘]

通过class获取
//*[@class=‘class‘]

通过自定义属性获取
//*[@other=‘attribute‘]

2、当标签的属性重复时，Xpath提供了通过标签来进行过滤

将 * 换位任意标签名，则可根据标签进行筛选
//input[@placeholder=‘用户名‘]

 

3、当标签页重复时，Xpath提供了层级过滤
　　那就从父级的标签开始找，或者父级的父级标签开始找

支持通过 / 进行层级递进，找到符合层级关系的标签
如下：定位到driver的标签后，发现有多个driver,通过数组的方式（中括号）取到取索引值为1的driver元素，xpath是从1开始
//div[@class=‘driver‘][1]/div[@class=‘inner‘]

当层级都重复时，可以通过单个层级的属性进行定位
//div[@class=‘driver‘][1]/div[@class=‘inner‘][1]/input[@id=‘i1‘]

 

4、一个元素它的兄弟元素跟它的标签一样，这时候无法通过层级定位到。因为都是一个父亲生的，多胞胎兄弟。Xpath提供了索引过滤

通过索引，在List中定位属性，与python的索引有些差别，Xpath从1开始
 
//select[@name=‘city‘][1]/option[1]

 

 

5、一个标签可能会含有多个属性，比如多选框，select包裹了多个option,每个option有各自的属性 ，就需要用到逻辑运算 and or来组合定位

通过and来缩小过滤的范围，只有条件都符合时才能定位到
 
//select[@name=‘city‘ and @size=‘4‘ and @multiple="multiple"]
 
or就相反了，只要这些筛选中，其中一个出现那么久匹配到了
 
//select[@name=‘city‘ or @size=‘4‘]