Chrome XPath-Helper 浏览器插件

本文介绍了如何在Chrome浏览器中安装XPath-Helper插件，通过快捷键定位网页元素，查看XPath路径以及编辑和验证XPath表达式的过程，适合前端开发者学习和使用.

安装：

进入chrome商店，搜索XPath-Helper，

添加到chrome

打开方式

快捷键：Ctrl+Shift+X（Windows），Command+Shift+X（OS X）

点击按钮

使用

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

（2）编辑校验XPath：在编辑框内输入自己事先写好的XPath路径，检查书写是否有误。

（3）更换编辑框位置：按住Shift键，将鼠标移动到黑色编辑框内，编辑框会移到另一边：上面或下面。