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

时间:2024-10-15 09:07:40

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

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

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

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

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

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

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

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

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

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

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

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

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

chrome浏览器中查看html元素的XPath路径
© 2025 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com