Chrome如何使用xpath定位元素

XPathHelper是一款针对Chrome浏览器的开发者工具插件,它简化了程序员获取HTML元素XPath的过程。安装后,只需按住Shift并移动鼠标,就能即时查看元素的XPath路径,同时支持自定义XPath并实时验证,极大地提高了网页解析的效率。在开发者工具中,通过复制XPath,可以快速定位和操作页面元素。
摘要由CSDN通过智能技术生成

打开扩展程序

    打开chrome的配置页面 - 如下图 点击右上方的配置 - 工具 - 扩展程序

xPath helper是一款Chrome浏览器的开发者插件,安装了xPath helper后就能轻松获取HTML元素的xPath,程序员就再也不需要通过搜索html源代码,定位一些id去找到对应的位置去解析网页了。

    安装后,重启浏览器。

使用

        如果我们要查找某一个、或者某一块元素的xpath路径,可以按住shift,并移动到这一块中,上面的框就会显示这个元素的xpath路径,右边则会显示解析出的文本内容,并且我们可以自己改动xpath路径,程序也会自动的显示对应的位置,可以很方便的帮助我们判断我们的xpath语句是否书写正确。

打开chrome浏览器,F12进入开发者工具点击开发者工具内的箭头,如下图所示,点击百度输入框,从下图看出输入框所在代码在Element内已被定位出来

右击选中的代码,选择Copy-Copy XPath

3.粘贴即可达到该的xpath

//*[@id="el-collapse-content-3722"]/div/form[2]/div[4]/div/button/span

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值