Chrome谷歌浏览器快速获得元素XPath路径之XPath Helper插件

在使用一些采集软件(比如火车头、八爪鱼)的时候,往往需要获得网页元素的xpath路径。

 

XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。

XPath 是 W3C XSLT 标准的主要元素,并且 XQuery 和 XPointer 都构建于 XPath 表达之上。

因此,对 XPath 的理解是很多高级 XML 应用的基础。

说白了,xpath其实就是一种表示网页元素路径的方法。

 

我们可以通过谷歌浏览器的XPath Helper插件来快速获得元素的xpath路径。

XPath Helper插件安装方法:

可以到谷歌浏览器chrome应用商店直接安装:https://chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl?hl=zh-CN

当然,如果你打不开谷歌的话,直接下载下面的压缩包,然后把解压出来的crx文件拖到谷歌浏览器里就能安装了。

XPath Helper 点此下载

 

用法很简单,按F12打开谷歌浏览器的开发者工具,然后在elements里面找到对应元素标签,右键->copy->copy XPath 就行了。

 

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
Adobe Photoshop cc2019版本安装时提示“安装时出错,请退出安装程序并重新开始(错误代码143)”的解决方法
Adobe Photoshop cc2019版本安装时提示“安装时出错,请退出安装程序并重新开始(错误代码143)”的解决方法
2
【值得收藏】网站开发者常备软件分享
【值得收藏】网站开发者常备软件分享
3
WordPress程序自动生成xml网站地图-Google XML Sitemaps插件的使用
WordPress程序自动生成xml网站地图-Google XML Sitemaps插件的使用
4
windows下img格式文件打开报错“文件格式未知或者压缩文件数据已经损坏”的解决方法
windows下img格式文件打开报错“文件格式未知或者压缩文件数据已经损坏”的解决方法
5
神坑react native之unable to load script from assets 'index.android.bundle'报错的解决方法
神坑react native之unable to load script from assets 'index.android.bundle'报错的解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主