1.xpath介绍
XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中通过元素和属性进行导航。而html中也应用了这种语言 ,所以 ,我们定位html页面元素时也会用到xpath这种方法 。
2.xpath定位方式
xpath主要通过以下四种方法定位 :
- 路径定位
- 属性定位
- 多属性定位
- 路径与属性结合定位
以上的方法都是xpath本身具有的特性 ,它跟selenium现在还没有关系 。而selenium为了支持xpath这种定位方式 。故实现了一个方法,即 :
find_element_by_xpath(定位方法)
.
而括号内的定位方法正是以上四种定位方式 ,所以 ,重点还是要理解如何使用以上的四种定位方式 。
3.路径定位
路径可以分为相对路径和绝对路径
- 绝对路径 : 是从根节点/html开始定位 ,使用/代表元素的层级,直到定位到想要的元素层级 。比如 :
/html/body/div/fieled[2]/input
。但是这种定位只能定位到该层级的标签 ,而这样的标签在html会有很多 ,故它定位不了元素的唯一性 ,只能和其他方法结合使用 。 - 相当路径 :查找元素时不限制元素的位置 ,在定位元素时前面需要加两个斜杠(//) . 如定位input标签 ,编写格式为:
//input
, 定位的就是html页面的所有Input标签 . 也可以使用//*代替 ,这样查找的就是所有的标签 。
无论使用相当路径还是绝对路径 ,需结合者属性一起使用 ,这样才能完成元素定位的唯一性 。还需要一点需要说明,就是在定位元素时一般不使用绝对路径 ,绝对路径写的比较死 ,不灵活 ,影响后期维护 。
4.属性定位
这应该是xpath定位的核心 ,多数xpath定位 ,都是选取的这种定位方式 。
所谓的属性定位 ,就是从html页面的节点中找到其中一个属性来完成定位,如果这个属性唯一 ,它就能代表页面的对象 。
它的编写格式为 ://标签[@属性名=‘属性值’] ,对这句代码的解释是 :
包含格式 | 说明 |
---|---|
//标签 | 这是相对路径,标明要查找节点的标签,加上标签,能起到缩小定位范围的作用,比如//input,就只查找input标签。 |
[] | 查找某个特定节点或某个指定的值的节点 ,这是固定格式 。 |
@ | 查找的属性 |
举例 :
- xpath属性编写格式:
//input[@name='username']
,意思是定位input标签下属性名为name, 属性值为username的元素 。 - selenium的xpath编写方法 :
find_element_by_xpath("//input[@name='username']")
- 代码编写为 :
driver.find_element_by_xpath("//input[@name='username']").send_keys("13988888888")
xpath的这种方法能定位大多数元素 ,所以很多人都喜欢使用这种方式定位 。
总结如下 ,若使用xpath定位 ,具体步骤 :
- 通过浏览器找到要定位对象的属性 ,确定它就是唯一值 。
- 使用find_element_by_xpath() 方法 ,括号内编写xpath对应属性的格式 。
- 进行调试 ,若能定位到,说明你的方法没有问题 。
5.属性与逻辑定位
在前面我们介绍到使用属性定位 ,但是如若使用一个属性定位不到怎么办 ? 你就可以是用两个属性或者多个属性同时定位 。
这里就不得不说的一个逻辑运算符 ,and(逻辑与) . 它的意思是并且,大白话就是两者都要求满足 。比如 属性1 and 属性2 ,代表这两个属性都要同时都满足 。
所以 ,如果你一个属性定位不到的话 ,再加一个属性就可以进一步缩小范围,从而提高定位准确率 。
而这种写法也正好是xpath语言中所支持的,它的编写格式为 ://标签[@属性1=‘值1’ and @属性2=‘值2’] 。
举例 :
- xpath两个属性的编写格式 :
//input[@class='text_cmu' and @name='username']
- selenium xpath方法编写格式 :
find_element_by_xpath("//input[@class='text_cmu' and @name='username']")
以上的定位虽然使用到了and逻辑运算符 ,但是xpath中,其实并不仅仅支持这一个逻辑运算符 。以下的都可以使用 :
- 算术运算符 : = ,!= , < , <= , >, >=
- 逻辑运算符 : or , and
只是以上运算符中,用在定位上的可能只有and比较有用 。
6.路径与属性结合定位
如果你使用了上面的各种方法 ,依然定位不到元素 ,那这个时候 ,你就可以考虑把路径加进来 。
一般原则是先加它的父路径 ,然后再加上当前路径 ,结合使用 。
具体格式为 :
//*[@id='um']/input
: 父路径属性 + 子标签//bookstore/[@price='30']
: 父路径标签 + 子属性//div[@class='login_bnt']/a[@class='J-login-submit'
: 父路径属性 + 子属性
不管咋写 ,只要能确定元素的唯一性 ,就都可以 ,不过这种写法很明显是逼不得已 ,因为你可能使用其它方法都无效的情况下 ,才会使用这种方法 。
7.定位总结
我们将以上所有方法总结为,可以使用以下的几种方法进行定位 。
定位方式 | xpath |
---|---|
id属性定位 | //*[@id=‘值’] |
class属性定位 | //*[@class=‘值’] |
属性定位 | //*[@属性名=‘值’] |
标签+属性定位 | //标签[@属性名=‘值’] |
逻辑+属性定位 | //标签[@属性名=‘值’ and @属性名1=‘值1’] |
路径定位 | //标签[@属性名=‘值’]/标签[@属性名=‘值’] |
8.项目案例
需求:通过selenium完成对tpshop的登录操作,具体如下 :
- 使用xpath属性定位首页登录按钮 ,
- 使用逻辑与属性定位用户名输入框,并输入账号,如13988888888
- 使用属性定位确认密码输入框,并输入123456 。
- 使用属性定位验证码输入框,并输入8888
- 使用路径与属性结合定位登录按钮,并点击确定 。
# 使用xpath属性进行定位 : //标签[@属性名='属性值']from selenium import webdriver
import time# 1. 创建浏览器对象
driver = webdriver.Chrome()
driver.maximize_window()# 2. 输入地址 :http://localhost
driver.get("http://localhost")# 3. 点击登录 : 使用xpath属性定位
driver.find_element_by_xpath("//a[@href='/Home/user/login.html']").click()
time.sleep(3)# 输入用户名,密码,验证码 :使用逻辑与属性集合定位
driver.find_element_by_xpath("//input[@class='text_cmu' and @name='username']").send_keys("13988888888")
driver.find_element_by_xpath("//input[@id='password']").send_keys("123456")
driver.find_element_by_xpath("//input[@name='verify_code']").send_keys("8888")# 使用层级与属性结合定位
driver.find_element_by_xpath("//div[@class='login_bnt']/a[@class='J-login-submit']").click()
time.sleep(5)
driver.quit()![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/98a1bb4819f346529a9bf85df7fa1193.png#pic_center)