网页元素定位辅助工具

浏览器分类:
1.chrome
2.火狐浏览器的firepath

1.chrome

1. 使用[谷歌插件 xpath-helper][1-1]
   [1-1]:https://chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl?hl=zh-CN
   安装后重启即可使用
   借用他人原图

1.png

如果我们要查找某一个、或者某一块元素的xpath路径，可以按住shift，并移动到这一块中，上面的框就会显示这个元素的xpath路径，右边则会显示解析出的文本内容，并且我们可以自己改动xpath路径，程序也会自动的显示对应的位置，可以很方便的帮助我们判断我们的xpath语句是否书写正确。
虽然这个小插件使用非常方便，但它也不是万能的，有两个问题：

1.XPath Helper 自动提取的 XPath 都是从根路径开始的，这几乎必然导致 XPath 过长，不利于维护；

2.当提取循环的列表数据时，XPath Helper 是使用的下标来分别提取的列表中的每一条数据，这样并不适合程序批量处理，还是需要人为修改一些类似于*标记等。

不过，合理的使用Xpath，还是能帮我们省下很多时间的！

2.使用审查元素,找到对应内容块儿的代码是直接右键copy-->copy-xpath

如下:

12.png

PS: 相比方法2,第一种更加简单方便

2.使用Mozilla Firefox的火狐浏览器的firepath

火狐插件[下载地址][2-2]
[2-2]:https://addons.mozilla.org/en-US/firefox/addon/firebug/

参考链接:

1. [爬虫、网页分析解析辅助工具 Xpath-helper][1]
2. [使用Mozilla Firefox的火狐浏览器的firepath][2]
   [1]:http://blog.csdn.net/su_tianbiao/article/details/52735399
   [2]:http://www.wuji8.com/meta/555292496.html