Python+selenium 【第二章】UI自动化元素识别--xpath讲解

最新推荐文章于 2024-05-20 20:26:39 发布
最新推荐文章于 2024-05-20 20:26:39 发布
阅读量558 收藏 1
点赞数 1
分类专栏： Python-UI自动化 文章标签： python selenium ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42382016/article/details/122324418
版权

Python+selenium 【第二章】UI自动化元素识别--xpath

selenium 常用api罗列

  • 浏览器中加载URL：driver.get(‘http://wwwbaidu.com’)
  • 浏览器最大化：driver.maximize_window()
  • 浏览器最小化：driver.minimize_window()
  • 自定义浏览器窗口大小：driver.set_window_size(200,200)
  • 刷新：driver.refresh()
  • 返回上一页：driver.back()
  • 向前进一页：driver.forward()
  • 截图：driver.get_screenshot_as_file("c:\test.bmp”)
  • 获取当前页的URL：driver.current_url
  • 获取当前页面的title：driver.title
  • 获取页面源代码：driver.page_source
  • 关闭当前tab页面：driver.close()
  • 退出当前driver：driver.quit()

小试牛刀 demo_ui_02.py

# -*- coding: utf-8 -*-
# @Time : 2021/12/10 10:50
# @Author : Limusen
# @File : demo_ui_02

import os
import time
from selenium import webdriver

# 方法一 将驱动python的安装路径下
driver = webdriver.Chrome()
driver.get("https://www.baidu.com")
# 最小化
driver.minimize_window()
time.sleep(1)
# 最大化
driver.maximize_window()
time.sleep(1)
# 前进
driver.forward()
# 后退
driver.back()
# 刷新
driver.refresh()
# 截图
driver.get_screenshot_as_file("file.png")
time.sleep(1)
# 关闭浏览器
driver.quit()

图片截图地址

元素识别

元素的定位和操作是自动化测试的核心部分，其中操作又是建立在定位的基础上的，举例：一个对象就是一个人，我们可以通过身份证号、姓名或者他的住址找到这个人。那么一个web对象也是一样的，我们可以通过唯一区别于其它元素的属性来定位这个元素。

元素识别：

1、利用Chrome浏览器开发者工具：

  1. 打开Chrome浏览器，按F12或依次点击菜单—更多工具—开发者工具；
  2. 切换到Elements页签，在Elements下点击左上方小箭头可以指定页面元素，查看对应代码

2、利用火狐浏览器开发者工具：

  1. 打开火狐浏览器，按F12或点击菜单—web开发者—查看器；
  2. 进入到查看器页签，在查看器下点击左上方小箭头可以指定页面元素，查看对应代码

如何进行元素识别

识别方法

1.通过id定位元素: driver.find_element_by_id(“id_vaule”)

2.通过name定位元素： driver.find_element_by_name(“name_vaule”)

3.通过class_name定位元素：driver.find_element_by_class_name(“class_name”)

4.通过tag_name定位元素：driver.find_element_by_tag_name(“tag_name_vaule”)

5.通过link定位：driver.find_element_by_link_text(“text_vaule”)或：driver.find_element_by_partial_link_text(“text_vaule”)

6.通过xpath定位元素：driver.find_element_by_xpath(“xpath_syntax”)

7.通过css定位元素driver.find_element_by_css_selector(“css_syntax”)

牛刀小试

# -*- coding: utf-8 -*-
# @Time : 2021/12/10 11:06
# @Author : Limusen
# @File : baidu_demo_01

"""

页面元素均为百度

可自行查找元素

"""

import os
import time
from selenium import webdriver

png_file_path = os.path.join(os.path.dirname(os.path.abspath(__file__)), '..', 'sample', 'png_file', '{}')
# 方法一 将驱动python的安装路径下
driver = webdriver.Chrome()
driver.get("https://www.baidu.com")
driver.implicitly_wait(10)

# ===============通过id定位===============#
# # 从上面截图可以发现,这个元素有一个id属性,我们可以通过id去定位这个属性值
# # 然后进行操作
# driver.find_element_by_id("kw").send_keys("今天你吃饭了没")
# time.sleep(2)
# driver.find_element_by_id("su").click()
# time.sleep(2)
# driver.get_screenshot_as_file(png_file_path.format("baidu_id.png"))
# driver.quit()
# ===============通过id定位===============#

# ===============通过name-class定位===============#
# driver.find_element_by_name("wd").send_keys("今天你吃饭了没")
# # 注意class一个属性如果为空格 需要用.来进行拼接才能识别到
# driver.find_element_by_class_name("bg.s_btn").click()
# ===============通过name定位===============#


# ===============通过tag_name定位===============#

# 用的比较少

# ===============通过tag_name定位===============#


# ===============通过link_text定位===============#
# driver.find_element_by_link_text("hao123").click()
# driver.get_screenshot_as_file(png_file_path.format("baidu_demo_link_text.png"))
# ===============通过link_text定位===============#

# ===============通过xpath定位===============#
# driver.find_element_by_xpath('//span/input[@id="kw"]').send_keys("今天吃饭了吗")
# driver.find_element_by_class_name("bg.s_btn").click()
# ===============通过xpath定位===============#

# ===============通过css定位===============#
driver.find_element_by_css_selector('#kw').send_keys("今天吃饭了吗")
driver.find_element_by_class_name("bg.s_btn").click()
# ===============通过css定位===============#

Xpath

  • 后续主要用的是xpath我们现在讲解一下xpath相关的知识

  • XPATH是什么?

     XPATH是一门在XML文档中查找信息的语言，XPATH可用来在XML文档中对元素和属性进行遍历。
 主流的浏览器都支持XPATH,因为HTML页面在DOM中表示为XHTML文档。
 SeleniumWebDriver支持使用XPATH表达式来定位元素。

  • Xpath常用六种定位方式:
    xpath定位地址

Xpath 绝对路径

通过绝对路径定位绝对路径的开头是一个斜线（/），从网页的根节点html开始，逐层去查找需要定位的元素。此方法缺点显而易见，当页面元素位置发生改变时，都需要修改，因此，并不推荐使用。
举例：百度搜索框绝对路径定位driver.find_element_by_xpath(’/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input’)
备注：当同一层次有多个相同的元素时，使用下标区分，下标从1开始

示例代码:

# -*- coding: utf-8 -*-
# @Time : 2021/12/22 15:08
# @Author : Limusen
# @File : demo_ui_03


from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)

# 绝对路径
driver.find_element_by_xpath("html/body/div/div/div[2]/a[1]").click()

从根目录查找

Xpath 相对路径

通过相对路径定位相对路径的开头是两个斜线（//），表示文件中所有符合模式的元素都会被选出来，即使是处于树中不同的层级也会被选出来。
举例：百度搜索框相对路径定位
driver.find_element_by_xpath(’//span[1]/input’)
driver.find_element_by_xpath(’//form/span[1]/input’)
备注：以上都可以定位到百度搜索框，相对路径的长度和开始位置并不受限制，可以采用从后往前逐层定位直到定位到即可的方式去定位。

示例代码:

from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)

# 相对路径
driver.find_element_by_xpath("//body/div/div/div[3]/a[1]")

相对路径

Xpath 元素索引

通过元素索引定位遇到同层级相同标签元素时，可以使用索引（下标）表示，索引的初始值为1
举例：定位百度hao123链接driver.find_element_by_xpath(’//div[3]/a[2]’)

示例代码:

# -*- coding: utf-8 -*-
# @Time : 2021/12/22 15:08
# @Author : Limusen
# @File : demo_ui_03

import time
from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)

# 索引定位
driver.find_element_by_xpath("//body/div/div/div[3]/a[3]").click()

time.sleep(2)
driver.quit()

元素索引

Xpath 元素属性

使用元素属性定位元素属性定位要求属性能够定位到唯一一个元素，如果存在多个相同条件的标签，默认定位第一个，具体格式//标签名[@属性=“属性值”],支持使用and和or关键字，多个属性一起定位元素。
举例：
driver.find_element_by_xpath("//a[@name=‘tj_trnews’]")
driver.find_element_by_xpath("//a[@name='tj_trnews’and@class=‘mnav’]")
driver.find_element_by_xpath("//a[@name='tj_trnews’or@class=‘mnav’]")
备注：Xpath支持通配符号号，通过属性定位还可以如下写法：
driver.find_element_by_xpath("//[@*=‘tj_trnews’]")

示例代码:

# -*- coding: utf-8 -*-
# @Time : 2021/12/22 15:08
# @Author : Limusen
# @File : demo_ui_03

import time
from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)

# 元素属性
driver.find_element_by_xpath('//input[@id="kw"]').send_keys("0.0")

time.sleep(2)
driver.quit()

元素属性

Xpath 部分属性值匹配

使用部分属性值匹配（也称为模糊方法定位）属性值如果太长或网页中的元素属性动态变化，可以使用此方法
元素属性值开头包含内容：
starts-with()driver.find_element_by_xpath("//a[starts-with(@name,‘tj_trhao’)]")
元素属性值结尾包含内容substring()
driver.find_element_by_xpath("//a[substring(@name,9)=‘123’]")
元素属性值结尾包含内容：contains()
driver.find_element_by_xpath("//a[contains(@name,‘hao’)]")

import time
from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)
# 4.动态元素的识别   http://news.baidu.com
# 4.1 元素属性开头的内容： starts-with()
driver.find_element_by_xpath('//a[starts-with(@href,"http://news")]').click()
# 4.1.2 元素属性结尾包含的内容： substring()  https://www.hao123.com  substring(@href)=""
driver.find_element_by_xpath('//a[substring(@href,13)="hao123.com"]').click()  # 13 从第13个元素开始取
# 4.1.3 元素属性中间包含的内容： contains()
driver.find_element_by_xpath('//a[contains(@href,"hao123")]').click()

Xpath 文本形式识别

# -*- coding: utf-8 -*-
# @Time : 2021/12/22 15:08
# @Author : Limusen
# @File : demo_ui_03

import time
from selenium import webdriver

driver = webdriver.Chrome()
url = "http://www.baidu.com"
driver.get(url)

# 5.元素文本在xpath中可以通过text() 函数
driver.find_element_by_xpath('//a[text()="新闻"]').click()

time.sleep(2)
driver.quit()

总结

这一章内容主要讲述的是什么是xpath定位,以及xpath定位的几大方法,大家可以用实操进行查看或者练习,有什么问题可以联系我

下一章节我们将讲述一下css定位

代码地址

https://gitee.com/todayisgoodday/PythonSelenium

博客园地址

https://www.cnblogs.com/yushengaqingzhijiao/category/2000515.html

罐装七喜
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
pyhton GUI编程之Tkinter详细讲解二
园长QwQ
11-06 996
文章目录Tkinter详细讲解pyhton GUI编程之Tkinter详细讲解二4. 组件用法4.1 文本输入和输出相关控件4.1.1 Lable标签4.1.2 Message消息4.1.3 Entry输入框4.1.4 Text 文本框4.2 按钮组件4.2.1 Button 按钮4.2.2 Radiobutton 单选按钮4.2.3 复选框4.3 列表框与组合框4.3.1 Listbox 列表框4.3.2 Combobox 组合框4.4 Menu 菜单4.4.1 主菜单4.4.2 上下文菜单4.5 特殊菜
UI自动化+python元素识别
daodan_feiba的博客
05-13 714
Web 网页自动化中的元素定位：为了在指定的元素上进行操作 如何才能那个进入元素定位： 1.了解元素的信息，网页中查看元素的信息 1）利用谷歌开发者工具--谷歌--右上角菜单--更多工具---开发者工具 右击定位元素--检查按钮 火狐开发者工具 第二个步骤：利用selenium中的元素定位api，去识别操作元素 开发者工具打开步骤：谷歌浏览器-右上角三个点--更多工具-- 开发者工具--找到定位工具 初级定位方法： driver.find_element(By.NAME,'wd.
基于java的selenium3自动化测试完整教程
01-19
本课程为一个完整的selenium自动化测试实战课程，采用当前最新的版本selenium3。 学完后可以独立构建起企业级/项目级的自动化测试，从搭建环境、编写脚本、使用框架组织运行脚本与输出报告、及后与持续集成工具Jenkins结合达到构建后即测试或指定晚上运行等方式，从而达到一个企业级的完整的自动化测试解决方案。
python自动点击网页按钮_python网页自动化操作
热门推荐
weixin_39855568的博客
12-01 2万+
因一次对话，让我想做一个能自动打开网页，登陆的脚本…因为本次操作并不是取数据，而是要用浏览器显示监控，故使用的工具为Selenium环境配置python安装教程请自行百度安装Selenium在命令行窗口输入pip install selenium 或直接下载压缩包：解压后，命令行进入目录输入python setup.py buildpython setup.py installselenium默认...
python自动化3 selenium元素识别（XPATH）
xiaoqiukuzi的博客
02-21 543
Xpath
UiPath 网页元素识别
liutao261311的博客
08-24 2204
Web元素定位 UiPath中表示元素定位的叫做Selector选择器，无论元素是Button， text, <a/> <input/>等等，他们Selector是一个XML的结构，Uipath通过这个结构解析出控件定位。 一般格式如下： "<webctrl id='kw' tag='INPUT' />" 属性面板Target中Selector 下图是个文本输入框： 定位信息如下： "<webctrl id='kw' tag='INPUT'..
pythonUI自动化002：Xpath元素定位方法
qq_42623386的博客
10-17 191
前言： 　　元素定位有很多种方式，id、class、css等等，但为了系统的稳定性，后续少维护代码，使用Xpath是明智的方法。 　　我们在找属性时，注意尽量找不会发生产变动，具有唯一的标签。 　　Xpath分为(绝对路径)和(相对路径)，两个方法各有千秋： 　　　　(绝对路径)定位：根据元素的位置来定位元素，缺点是元素位置发生变动，维护工作量巨大。不建议的大量使用 　　　　(相对路径)定位：根...
autotest_platform：Python + flask + selenium搭建UI自动化测试平台
02-05
接口测试管理部分说明UI自动化执行效果：单条用例执行记录： 单条用例执行截图记录： 用例集执行统计：版本要求： python 3.4以上Selenium：建议使用3.0以上版本mysql：建议5.5以上使用说明：用例编辑：可以使用页面...
Python+selenium自动化测试源码分享，讲解详细
09-24
Python+selenium自动化测试源码分享，Python源码、selenium技术，讲解详细，提供给大家进行共同学习，共同进步。
python+django+selenium搭建简易自动化测试
09-16
主要介绍了python+django+selenium搭建简易自动化测试，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
python+seleniumUI自动化测试项目实践。
03-24
python+seleniumUI自动化测试项目实践。python+seleniumUI自动化测试项目实践。
python+selenium个人开发的自动化测试框架
01-27
在网上或者测试行业现阶段分析了一下，python这门语言学习起来简单一些但是功能强大，最后2016年下半年决定在空余时间学习研究python+selenium，最终在年底开发出来一个可使用的基于web页面的自动化测试框架。...
WEB自动化_xpath中选择第几个子元素的方式（下标、索引 last()、postion()）
lkr
06-27 4580
WEB自动化_xpath中选择第几个子元素的方式（下标、索引 last()、postion()） 1、通过下标方式获取（下标从1开始） 2、通过倒数索引获取
UI自动化测试常用定位方式整理（Xpath，JS）
weixin_45444325的博客
03-14 1092
Xpath语法 路径匹配 匹配符 描述 / 从之后紧邻的节点中匹配 // 从之后的所有节点中匹配 位置匹配 匹配符 描述 [1] 第一个节点 [last()] 最后一个节点 [number] 指定数字所在位置的节点 /… 当前节点的父级 通配符 通配符 描述 * 匹配所有元素节点 @* 匹配所有属性节点 node() 匹配所有类型节点 亲属关系匹配 关系类型：ancestor(先辈) parent(父级) child(子
【Web自动化总结】Selenium处理特殊页面元素技巧
Testfan_zhou的博客
03-20 451
Selenium是目前主流的UI自动化框架，能够识别和操作网页元素。它提供八种基本的定位方式，能够通过id,name,text,css,xpath等识别网页元素。 除了这些基本元素的识别和操作，我们在日常工作中还会遇到很多特殊情况，包括： • 页面框架frame元素 • 提示框Alert元素 • 多窗口切换 • 自定义前端组件 • 网页内嵌windows控件 • … 本系列将会针对这些特殊元素做...
xpath识别元素-高级版实例
12-14 690
#登录页元素输入用户名 driver.find_element_by_xpath('//input[@placeholder="用户名"]').send_keys("bl201") 【说明】：//-表示在当前元素的位置下， 找到标签input, 并且匹配属性为placeholder元素且内容为“用户名”。 #输入短信验证码 driver.find_element_by_name('vCod...
UI自动化CSS、Xpath选择器元素定位
LeiLiFengX的博客
04-17 1816
CSS ID选择器：ID在html规范里必须是唯一的，但id也会出现不唯一，或者id是动态变化的 如果id是唯一且基本固定，可以用ID来 语法 ：tag[attribute='value'] 注释：标签名[属性名='属性值'] #--id属性 .--class属性 html标签名选择器、id选择气、class选择器 eg: a[id=...
用UIAutomation识别UI元素(二)
自动化测试工具研究专栏
12-23 1万+
识别UI元素找到窗口就可以开始找窗口上的UI元素了。比如我想找Calculator上的文本框 可以用如下代码实现: using System.Windows.Automation; ... //找到Desktop AutomationElement Desktop = AutomationElement.RootElement; //找到Calculator窗口 AutomationElement CalcWindows = Desktop.FindFirst(TreeScope.Chil
【hackmyvm】Slowman靶机
最新发布
woshicainiao666的博客
05-20 677
发现/secretLOGIN/login.html为登录地址，根据账号密码登录发现一个zip，但是需要密码。在FTP中得到的账号，爆破一下SSH。上传linpeas.sh文件，报一下。SSH爆破无果，试试mysql。得到用户名和加密的密码。
python+selenium classs元素定位
09-09
在使用 Python 的 Selenium 库进行元素定位时，可以创建一个类来管理定位相关的操作。下面是一个示例代码： ```python from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC class ElementLocator: def __init__(self, driver): self.driver = driver def find_element_by_id(self, element_id): return self.driver.find_element(By.ID, element_id) def find_element_by_xpath(self, xpath): return self.driver.find_element(By.XPATH, xpath) def wait_for_element_visible(self, locator, timeout=10): return WebDriverWait(self.driver, timeout).until(EC.visibility_of_element_located(locator)) # 可以添加其他常用的元素定位方法，比如 find_element_by_css_selector、find_element_by_class_name 等等 # 示例用法 driver = webdriver.Chrome() element_locator = ElementLocator(driver) element = element_locator.find_element_by_id("element_id") element.click() visible_element = element_locator.wait_for_element_visible((By.XPATH, "//div[@class='my-element']")) ``` 在上面的示例代码中，我们创建了一个名为 `ElementLocator` 的类，它接收一个 Selenium WebDriver 对象作为参数，并提供了一些常用的元素定位方法，比如 `find_element_by_id` 和 `find_element_by_xpath`。此外，还添加了一个 `wait_for_element_visible` 方法，用于等待元素可见。 你可以根据自己的需要扩展 `ElementLocator` 类，添加其他常用的元素定位方法，以便于在测试或爬虫等场景中使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

罐装七喜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值