XPath定位方法,chrome浏览器中查看html元素的方法
2023-09-11 14:18:27 时间
经常用火车头采集器的站长朋友,可能会遇到需要需要使用Xpath方式获取地址的方法来采集网址。今天品自行说一下如何用Chrome浏览器查看html元素,进行XPath定位,找到XPath路径。
1、下载并安装Chrome浏览器(就是Google浏览器),打开目标网页;
2、使用快捷键ctrl+shift+i或者f12,或者直接网页上面右键单击,选择“检查”即可弹出DevTools开发者工具。
Chrome DevTools是内置在Google Chrome浏览器中的一个网页调试工具,也叫作开发者工具,不管是小白还是大神用这款软件能够极大提高网页调试效率。
默认选择element面板,Elements 面板中可以通过 DOM 树的形式查看所有页面元素,同时也能对这些页面元素进行所见即所得的编辑。
找到需要定位的元素所在的位置,鼠标放在右侧元素所在位置的代码所在处,代码会高亮显示,右键“Copy”》“Copy XPath”(也可以选择Copy Xpath,前者是相对路径,后者是绝对路径),下面是复制下来的XPath路径。
//*[@id="nav"]/ul[1]/li[6]/a 这里简单说明一下,这句XPath代码的意思是,定位到id="nav"的div标签下面第一个ul标签下的第六个li标签下的a标签,具体看截图所示代码理解这句话。
具体定位到的就是a标签中间的文字“百度”(看上图)。
另外:貌似目前好多浏览器都有这个功能,比如搜狗浏览器就是在高速模式下打开网页》右键,选择“审查元素”,也可以打开搜狗浏览器的类似开发者工具,然后定位好元素,右键“Copy”》“Copy XPath”也可以搞定这个问题。
相关文章
- Chrome打不开 How to Fix: Aw, Snap! STATUS_INVALID_IMAGE_HASH error?
- CSS - 隐藏浏览器自带滚动条(Chrome | Safari | Firefox | IE | Edge)
- 如何解决一些控件无法运行在高版本的Chrome下运行的问题
- chrome 浏览器设置字体大小,方便调试
- chrome浏览器调试报错:Failed to load resource: the server responsed width a status of 404 (Not Found)…http://127.0.0.1:5099/favicon.ico
- chrome提示"安装unity web player"
- ubuntu 16.04 安装chrome的方法
- Chrome插件(扩展)
- 手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
- chrome 模拟发送请求的方法
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- 记录一次Ubuntu20.04死机经过!!!在Ubuntu下使用Chrome的“无痕式”窗口,如果打开标签页过多就会造成死机
- 谷歌证实:Chrome浏览器可运行安卓应用
- 浏览器工作原理:浅析Chrome 架构 - 打开了 1 个页面为什么有 4 个进程
- 让delphi解析chrome扩展的native应用
- Selenium—三种启动chrome的方式
- Chrome的恐龙版-超级玛丽彩蛋
- Chrome 54 beta引入防止被量子计算机攻破的CECPQ1加密技术
- selenium爬虫chrome容器化部署实战
- 手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单