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

 时间:2026-02-13 07:01:56

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路径

  • 如何鼓励农民继续种植玉米
  • 如何在EXCEL实现贵金属价格动态查询
  • EXCEL表格快速随意求和
  • 怎么利用条件统计快速筛选数值?
  • 如何在GIMP中通过“路径”扭曲文字
  • 热门搜索
    怎么用excel画图 淘生活 微信拍一拍怎么加文字 阿黛尔的生活 电影 7岁小孩怎么教育 如何治疗脚臭 zbc是什么意思 如何查询个人所得税 眼窝凹陷怎么恢复 怎么把隐藏的文件显示出来