谷歌浏览器使用SelectorGadget和Xpath Helper获取xpath和css path

在上篇文章里，介绍了如何在火狐浏览器中获取网页元素的xpath和css path。

这篇文章将介绍，在谷歌浏览器中使用SelectorGadget和Xpath Helper实现同样功能。

这两个谷歌浏览器的扩展程序截图如下：

使用方法如下：

1. 打开一个网页，例如www.hao123.com;
2. 开启SelectorGadget（点击一个放大镜图案的按钮即可）;
3. 移动鼠标箭头到一个页面元素上并单击，该页面元素会变成绿色，SelectorGadget的文本框内显示出被选中页面元素的css path类型的定位字符串。“clear”按钮可以清空定位字符串，“clear”按钮中的数字是指定位字符串可以匹配的页面元素个数，其它具有相同定位字符串的页面元素都将变为黄色。单击这些黄色的页面元素，这些元素变为红色，表示剔除它们，用这种方式不断改变定位字符串，最终生成被选中元素的特有的定位字符串。
4. 单击“xpath”按钮，可以生成被选择元素的xpath定位字符串，复制xpath定位字符串后，可以使用Xpath Helper扩展程序，验证xpath定位字符串能够匹配的页面元素个数。