chrome浏览器中查看html元素的XPath路径

2025-05-06 18:30:36

1、1. 下载并安装Chrome浏览器,打开自己的html文件或者某个网页。百度经验个人网页为例

chrome浏览器中查看html元素的XPath路径

2、2. 按下F12键,打开DevTools,如图所示

chrome浏览器中查看html元素的XPath路径

3、3. 在网页中找到需要查找的元素的文字,例如如图所示的【草稿】,然后在右侧的面板中按ctrl+f进行搜索【草稿】,按下回车键进行查找

chrome浏览器中查看html元素的XPath路径

4、4. 鼠标悬停在devTools面板下搜索到的信息,网页中会映射到对应的html元素,并高亮显示

chrome浏览器中查看html元素的XPath路径

5、5. 悬停在查找到的位置,然后鼠标右键菜单中选择【copy】->【Copy XPath】

chrome浏览器中查看html元素的XPath路径

6、6. 打开文本胆咣骜岱编辑器或者记事本,即可展粘贴XPath的路径,例如 //*[@id="body"]/div/ul/li[7]/a

chrome浏览器中查看html元素的XPath路径

7、7. 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

chrome浏览器中查看html元素的XPath路径
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢