小笔记-简单但够用系列_xpath 元素定位

已于 2022-03-28 17:55:51 修改
阅读量374 收藏
点赞数
分类专栏： 软件测试 CSS 小笔记-简单但够用系列 文章标签： html xpath xml
于 2021-09-09 10:39:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nytwtyn/article/details/120194384
版权

文章目录

xpath 定位方法

浏览器可通过选中元素位置右键检查，复制 xpath ，虽然方便快捷，但有时太冗长或不适用，仍需手写优化 xpath 定位方法。
下面带你快速入坑 xpath 元素定位。

xml 文件样例

<body><div id="csdn-toolbar">
                    <div class="toolbar-inside">
                      <div class="toolbar-container">
                        <div class="toolbar-container-left">
                          <div class="toolbar-logo toolbar-subMenu-box csdn-toolbar-fl">
                          <a data-report-click="{&quot;spm&quot;:&quot;3001.4476&quot;}" data-report-query="spm=3001.4476" href="https://www.csdn.net/">
                          <img title="CSDN首页" src="https://img-home.csdnimg.cn/images/20201124032511.png">
                          </a>
                    </div>
                          <ul class="toolbar-menus csdn-toolbar-fl">
                          <li class="active " title="阅读深度、前沿文章">
                                <a data-report-click="{&quot;mod&quot;:&quot;popu_336&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/&quot;,&quot;spm&quot;:&quot;3001.4477&quot;}" data-report-query="spm=3001.4477" href="https://blog.csdn.net/">
                                  博客
                                </a>          
                              </li>
                              <li class="" title="马上开始系统学习">
                              ...
                              ...
                              </div> </div> </div> </div> </div></body>

层级定位

  • / 直接子级
  • // 跳级
    示例：
/div/div/div/div/a          ----根据子级定位第四级 div 下的 a 元素
//*a                              ----跳级定位 a 元素

属性定位

  • @ 访问对应属性
    示例
//[@class="active"]       ----定位属性中有 class="active" 的元素

函数定位

  • contains(属性，“内容”) 包含
  • text() 文字
    示例
//*[contains(@title,"CSDN")]
//*a/text()    ---获取层级的text文本
//*[contains(text(),"博")]    ---定位 text 文本中包含 “博” 的元素

在浏览器控制台使用 xpath 定位

F12 打开浏览器的控制台，以 $x(’ ') 使用 xpath 方法定位元素。
在这里插入图片描述

踩坑记录

列表元素历遍问题
文本内容获取及特殊格式文本处理

NYTWTYN
关注
专栏目录
获取某个html的完整xpath，然后就可以找到定位，并图像识别啦！
liuyicenysabel的博客
05-25 449
page.get_by_role("textbox", name="请输入验证码").fill("5778")page.get_by_role("textbox", name="请输入验证码").fill(text)page.get_by_placeholder("请输入您的密码").fill("*******")page.get_by_role("textbox", name="请输入验证码").click()page.get_by_placeholder("请输入您的密码").click()
python xpath定位不到_Xpath定位方法深入探讨及元素定位失败常见情况
weixin_39819138的博客
03-01 4586
一、Xpath定位方法深入探讨(1)常用的Xpath定位方法及其特点使用绝对路径定位元素。例如：driver.findElement(By.xpath("/html/body/div/form/input"))。特点：这个路径是从网页起始标签开始一直到要定位的元素的路径，如果要定位的元素在页面最下面，则这个Xpath路径会非常长。如果在要定位的元素与页面开始之间的元素有任何增减，元素定位就会失败。...
浏览器控制台里定位元素:xpath和cssselector_xing2516_新浪博客
05-16 1385
1.XPath $x(‘xpath路径’) Xpath可以写成变量： Title=$x(‘//*[@id="react-body"]/div[2]/div/div[1]/div[1]/a[1]’) XPath //*[@id="react-body"]/div[2]/div/div[1]/div[1]/a[1] 这里的*是任意字符；下面的节点就是路径的意思 ...
2-浏览器基本操作与页面元素定位
最新发布
weixin_70987470的博客
07-11 860
selenium的导包方法和一些定位方法
UI自动化，在控制台元素定位时，正确的搜索位置
weixin_51804951的博客
06-09 93
一开始没注意搜索位置，在下面那栏里输入定位代码，怎么都搜索不到，笑死，这低级错误。
Chrome浏览器与元素定位
热门推荐
flyincyclone的博客
05-06 1万+
按下Esc键，可以在Elements面板中打开console 现在，你可以在console中测试你的xpath或者css了 测试css的语法是-$(“”) 输入完毕后，点击回车键。如果你的语句是正确的，会返回该css对应的元素的html语句 如果鼠标停留在console中的这个html语句上，界面上对应的元素会高亮显示 验证xpath也是类似的。语法是$x(“your_xpath_selector...
Selenium（一）6.定位元素
qq_41196898的博客
10-27 728
Selenium从0开始
chrome_Xpath_v2.0.2.zip
08-18
Xpath 是 XML Path Language 的缩写，是一种在XML文档中查找信息的语言，同时也被广泛应用于HTML页面的元素定位。这个版本2.0.2的扩展可能是对先前版本的优化或新增功能。 安装此扩展的步骤如下： 1. 首先，你需要...
chrome_Xpath_v2.0.2.rar
08-21
`lxml`提供了强大的XPath支持，可以方便地提取数据，而`BeautifulSoup`虽然不直接支持XPath，但可以通过结合`lxml`实现XPath查询。使用XPath可以使数据提取过程更加简洁和高效，尤其在处理复杂结构的XML或HTML文档时...
PyPI 官网下载 | py_dom_xpath_six-0.2.4-py3-none-any.whl
02-05
**PyPI 官网下载 | py_dom_xpath_six-0.2.4-py3-none-any.whl** PyPI（Python Package Index）是Python开发者最重要的资源库，它提供了大量开源的Python软件包，使得开发者可以方便地下载和安装这些包，以增强其...
IE下获取XPATH小工具源码_xpath_
09-30
5. **浏览器兼容性**：虽然题目中提到的是IE，但考虑到现代开发环境，小工具可能还需要处理其他浏览器，如Firefox、Chrome等，它们使用不同的DOM和XPath实现。因此，代码可能需要进行条件判断或使用浏览器API来实现...
Web自动化 - 元素八大定位+元素四个基本操作+窗口四个基本操作，等待
欢迎来到秦朝
03-05 648
from selenium import webdriver '''元素定位，要尽量做到唯一定位''' # 启动chrome driver = webdriver.Chrome() # 访问网站百度 driver.get("https://www.baidu.com") # 1. 通过id的值查找元素对象 print('通过id的值查找元素对象',driver.find_element_by_id('kw')) # 2. 通过class名字查找元素对象 print('通过class名字查找元素对象',d.
xpath介绍与使用
weixin_41918841的博客
04-19 1162
XPath (XML Path Language) 是一门在 XML 文档中查找信息的语言，可用来在 XML 文档中对元素和属性进行遍历。XPath定位在爬虫和UI自动化测试中都比较常用，通过使用路径表达式来选取 XML 文档中的节点或者节点集，熟练掌握XPath可以极大提高提取数据的效率。。
如何在浏览器中查找和验证XPath？
exlink2012的专栏
09-09 7697
如何在浏览器中查找和验证XPath？
如何借助浏览器Console使用Js进行定位和操作元素
weixin_33786077的博客
12-03 900
在进行Selenium自动化过程中，我们很难避免一些webdriver 很难定位到的一些元素（如：默认隐藏属性元素），那对于一些比较难定位到的元素，有什么好的解决办法？ 其实我们都知道，Selenium Webdriver他是支持，在脚本内调用Js脚本的，那JS才是网页元素定位的鼻祖，为什么不试试用JS呢？下面简单通过一个实例，介绍一下，使用JS在火狐控制台中定位元素的小技巧。 ...
Chrome控制台的妙用之使用XPATH
岁月静好
12-28 3279
谷歌浏览器，对于作为程序员的我们来说可以是居家必备了，应该用的相当的熟悉了，我们用的最多的应该是network选项吧，一般用来分析网页加载的请求信息，比如post参数之类的，这些基本的功能基本上够用了，今天我说的不是network模块，而是console命令模块的使用， 关于console命令的使用网上也有很多的介绍了，但是大多数的都是互相抄袭，根本不知道谁才是作者，在此和大家分享一下 谷歌控制台的命令的妙用。 通过网上的信息我得知 目前控制台方法和属性有： ["$$", "$x", "dir", "
2022软件测试技巧 Chrome 谷歌浏览器 开发者工具(F12) 快速调试xpath代码
xmfboss.科技
06-22 5054
使用chrome 开发者工具，快速调试xpath代码
Chrome 技术篇-console控制台检测xpath、css唯一性
小蓝枣的博客
04-20 1596
$x可以获得xpath的dom集合，$$可以获得css的dom集合。 length可以反映出集合里的dom个数。 等于1的话就代表只有一个dom，就说明xpath或css是唯一的。
Chrome浏览器获取XPATH的方法----通过开发者工具获取
阿斌(Ben)的博客
09-25 1687
原文地址：https://blog.csdn.net/li6727975/article/details/46126079?tdsourcetag=s_pcqq_aiomsg
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值