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路径
  • 如何鼓励农民继续种植玉米
  • 如何在EXCEL实现贵金属价格动态查询
  • EXCEL表格快速随意求和
  • 怎么利用条件统计快速筛选数值?
  • 如何在GIMP中通过“路径”扭曲文字
  • 热门搜索
    右玉旅游 中国旅游地 欧洲旅游注意事项 贵阳 旅游 云南旅游景点介绍 成都旅游集散中心 丽江旅游必去的地方 休闲农业旅游 天津塘沽旅游攻略 十大旅游城市