【说站】XPath定位方法,chrome浏览器中查看html元素的方法
2023-06-13 09:13:24 时间
经常用火车头采集器的站长朋友,可能会遇到需要需要使用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”也可以搞定这个问题。
收藏 | 0点赞 | 0打赏
相关文章
- Chrome 翻译最新解决教程
- 最全的Chrome插件安装方法! 解决 CRX_HEADER_INVALID
- chrome插件-Adblock Plus 屏蔽浏览器网页所有广告
- 【玩转腾讯云】购买Windows CVM时自动安装Chrome、Firefox浏览器
- Web 应用中的 RAIL 模型 和 Chrome 开发者工具 Performances 面板对其的度量方法
- chrome 常用快捷键
- js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)详解编程语言
- 谷歌修复Chrome新创建文件被Win10反病毒软件锁定的Bug
- [下载] 谷歌浏览器Chrome v88稳定版发布 带来多处功能改进和错误修复
- 微软新提案让Chrome页面加载速度更快
- Linux版Chrome默认关闭视频加速理由是GPU驱动太烂
- Linux下安装Chrome浏览器的步骤(linux下安装chrome)
- MySQL在Chrome中的应用(chrome mysql)
- 解决iframe的frameborder在chrome/ff/ie下的差异
- iframe的onload在Chrome/Opera中执行两次Bug的解决方法
- chrome原生方法之数组
- JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
- 在firefox和Chrome下关闭浏览器窗口无效的解决方法
- 完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码