Selenium-xpath定位详解
工具
目前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']