XPath | 浏览器中的XPath插件

1、XPath Helper(Chrome)

安装步骤：先进入Chrome扩展程序页面：chrome://extensions/，点击【获取更多扩展程序】，输入关键字：xpath，进行搜索。找到该插件后安装。
安装成功后界面如下：

打开方式：
（1）快捷键：Ctrl+Shift+X（Windows），Command+Shift+X（OS X）；
（2）点击地址栏右侧的XPath Helper按钮，如图：
（3）注意事项：如果本地html文件用浏览器打开后，不能使用XPath Helper，请勾选上图的【允许访问文件网址】

使用说明：
（1）获取元素的XPath：按住Shift键，将鼠标移到需要定位的元素上，该元素会以黄色底纹高亮。左边的XPath编辑框内会显示该元素的XPath路径，右边的节点文本显示框会显示该元素的文本内容。如下图：

（2）编辑校验XPath：在编辑框内输入自己事先写好的XPath路径，检查书写是否有误。
（3）更换编辑框位置：按住Shift键，将鼠标移动到黑色编辑框内，编辑框会移到另一边：上面或下面。

2、XPath Checker(Firefox)

安装步骤：先进入Firefox附加组件管理器页面：about:addons，点击左边的【获取附加组件】，输入关键字：xpath，进行搜索。找到该插件后安装。

打开方式：在需要操作的元素上右击，选择【View XPath】，如下图：

使用说明：
（1）获取XPath：在元素上右击，选择View XPath。注意：默认的路径里会带有前缀“x:”。
（2）校验XPath：输入事先写好的XPath路径，下方会显示查找结果。