XPath | 浏览器中的XPath插件

1、XPath Helper(Chrome)

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

XPath | 浏览器中的XPath插件_第1张图片

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

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

XPath | 浏览器中的XPath插件_第2张图片

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

2、XPath Checker(Firefox)

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

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

XPath | 浏览器中的XPath插件_第3张图片

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

你可能感兴趣的:(inbox)