首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:12:18 347

chrome浏览器中查看html元素的XPath路径?简单几步,让你轻松解决。B93办公区 - 实用经验教程分享!

chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

方法/步骤

  • 1

    1. 下载并安装Chrome浏览器,打开自己的html文件或者某个网页。百度经验个人网页为例B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 2

    2. 按下F12键,打开DevTools,如图所示B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 3

    3. 在网页中找到需要查找的元素的文字,例如如图所示的【草稿】,然后在右侧的面板中按ctrl f进行搜索【草稿】,按下回车键进行查找B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    4. 鼠标悬停在devTools面板下搜索到的信息,网页中会映射到对应的html元素,并高亮显示B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 5

    5. 悬停在查找到的位置,然后鼠标右键菜单中选择【copy】->【Copy XPath】B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 6

    6. 打开文本编辑器或者记事本,即可展粘贴XPath的路径,例如 //*[@id="body"]/div/ul/li[7]/aB93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 7

    7. 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。B93办公区 - 实用经验教程分享!

    chrome浏览器中查看html元素的XPath路径B93办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!B93办公区 - 实用经验教程分享!


    标签: HTMLCHROME

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码