UI自动化-(web元素定位XPath实操入门)

小白~小黑

已于 2024-06-19 21:15:42 修改

阅读量1.3k

点赞数 35

分类专栏： UI自动化文章标签： python ui 自动化 selenium 测试工具

于 2024-02-20 09:33:33 首次发布

本文链接：https://blog.csdn.net/m0_64598636/article/details/136181113

版权

UI自动化专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、元素定位之XPath

1 什么是XPath？

XPath 是一种在 XML 文档中查找数据的语言。它可以帮助我们快速地找到我们需要的信息。在编程中，我们可能需要从 XML 文件中提取数据，或者在网页上查找特定的元素。在这些情况下， XPath 可以帮助我们更快地找到我们需要的信息。

2 XPath元素定位

2.1 XPath定位策略

2.1.1 XPath定位策略简介

路径定位：

- 通过指定元素在文档树中的位置来查找元素。例如，"/html/body"可以定位到 HTML 文档中的 body 元素。

属性定位：

- 通过元素的属性值来查找元素。例如，"//div[@class='my-class']"可以定位到所有具有"class"属性且值为"my-class"的 div 元素。

名称定位：

- 通过元素的名称来查找元素。例如，"//div"可以定位到所有 div 元素。

索引定位：

- 通过元素在文档中的索引位置来查找元素。例如，"/html[1]/body"可以定位到 HTML 文档中的第一个 body 元素。

属性与逻辑结合：

- 属性与逻辑结合进行定位是指在XPath中使用属性定位和逻辑运算符（如"and"、"or"等）来查找元素。例如，"//div[@class='my-class' and @id='my-id']"可以定位到所有具有"class"属性且值为"my-class"，并且同时具有"id"属性且值为"my-id"的 div 元素。

属性与层级结合：

- 属性与层级结合进行定位是指在XPath中使用属性定位和层级定位相结合的方式来查找元素。例如，"//div[@class='my-class' and parent::body]"可以定位到所有具有"class"属性且值为"my-class"，并且是 body 元素的子元素的 div 元素。

2.1.2 XPath表达式

python语法: find_element_by_xpath(xpath) #

# 通过元素的属性信息定位到输入框并输入"百度一下，"
driver.find_element_by_xpath("//*[@autocomplete ='off']").send_keys("百度一下，")

2.1.3 可以在搜索框对XPath表达式进行校验

2.2 XPath定位实操入门

2.2.1 路径定位

绝对路径

- 是指使用完整的元素路径来定位元素。例如，"/html/body/div"可以定位到 HTML 文档中 body 元素下的第一个 div 元素。

表达式是以 /html开头，元素的层级之间是以 / 分隔

- 相同层级的元素可以使用下标，下标是从1开始。
- 需要列出元素所经过的所有层级元素 (工作当中，一般不建议使用绝对路径)。
- 示例：/html/body/div/div/div/div/div/form/span[1]/input

相对路径

- 是指使用相对于当前元素的路径来定位元素。例如，".//div"可以定位到当前元素下的所有 div 元素。

匹配任意层级的元素，是以 // 开头。
也可以使用下标，下标是从1开始。
示例：//span/input

代码示例：

# 导包
import time
from selenium import webdriver
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开百度网站
driver.get("https://www.baidu.com")
# 通过xpath的绝对路径定位到输入框并输入"百度一下，"
driver.find_element_by_xpath("/html/body/div/div/div/div/div/form/span[1]/input").send_keys("百度一下，")
# 等待2S
time.sleep(2)
# 通过xpath的相对路径定位到输入框并输入"你就知道!"
driver.find_element_by_xpath("//span/input").send_keys("你就知道！")
# 等待3S
time.sleep(3)
# 退出
driver.quit()

2.2.2 元素属性定位

表达式格式 //*[@attribute='value'] # attribute表示的是元素的属性名，value表示的是元素对应属性值
示例（可以通过元素的任一属性进行定位）：

- //*[@autocomplete ='off']
- //*[@class ='s_ipt']
- ……

代码示例：

# 导包
import time
from selenium import webdriver
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开百度网站
driver.get("https://www.baidu.com")
# 通过元素的autocomplete属性信息定位到输入框并输入"百度一下，"
driver.find_element_by_xpath("//*[@autocomplete ='off']").send_keys("百度一下，")
# 等待2S
time.sleep(2)
# 通过元素的class属性信息定位到输入框并输入"你就知道!"
driver.find_element_by_xpath("//*[@class ='s_ipt']").send_keys("你就知道！")
# 等待3S
time.sleep(3)
# 退出
driver.quit()

2.2.3 属性与逻辑结合定位

表达式格式 //[@attribute1='value1' and @attribute2='value2'] # attribute1，attribute2表示的是元素的属性名，value1，value2表示的是元素对应的属性值
示例：//input[@autocomplete ='off'and @class ='s_ipt' ]

代码示例：

# 导包
import time
from selenium import webdriver
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开百度网站
driver.get("https://www.baidu.com")
# 通过元素的属性与逻辑信息定位到输入框并输入"百度一下,你就知道！"
driver.find_element_by_xpath("//input[@autocomplete ='off'and @class ='s_ipt' ]").send_keys("百度一下,你就知道!")
# 等待3S
time.sleep(3)
# 退出
driver.quit()

2.2.4 属性与层级结合定位

表达式格式 //p[@id='pa']/input
示例：//span/input[@id='kw']

代码示例：

# 导包
import time
from selenium import webdriver
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开百度网站
driver.get("https://www.baidu.com")
# 通过元素的属性与层级结合定位到输入框并输入"百度一下,你就知道！"
driver.find_element_by_xpath("//span/input[@id='kw']").send_keys("百度一下,你就知道!")
# 等待3S
time.sleep(3)
# 退出
driver.quit()