随着firefox的迭代更新：FireBug不能用了？使用火狐Try Xpath插件替代Firebug和Firepath

本篇文章讲解如何在火狐中安装和使用Try Xpath（插件替代Firebug和Firepath）。

在火狐中安装Try Xpath

1. 打开火狐浏览器 FireFox57以上的版本

2. 在火狐菜单中选择 工具-->附加组件-->获取附加组件--> 滚动到页面的底部，点击“看看更多附加组件”

3. 在右上角的搜索框中输入Try Xpath，回车搜索

4. 在搜索结果中点击Try Xpath这个插件，如下图 

 

5. 点击后用户会进入到Try Xpath这个插件的页面，点击页面上的“添加到Firefox”按钮

 

 

 

6. 在火狐右上角可以看到一个TX的蓝色图标，说明安装成功了！

 

 

使用Try Xpath验证Xpath表达式
1.点击右上角的TX蓝色图标，会在火狐的右侧弹出Try Xpath这个工具的使用窗口

2.在Way这个下拉框下有好多选项，验证Xpath的话，选择"Xpath ANY_TYPE"

3.在Expression输入框中填入要验证的Xpath表达式，之后点击最上面的执行按钮“Execute”来执行验证

4.如果Xpath表达式唯一定位到了预期元素，Try Xpath会用红色虚线框把元素框起来，并且在Results部分的Count中会显示计数为1

 

5.当表达式定位到多个元素时，Try Xpath会把所有元素都使用红色虚线框起来，并且会在Results的Count中显示准确的数量，这个时候你可以使用Details下面的focus按钮来定位你要定位的元素，但是最好能够再优化下表达式，让表达式精准的唯一的定位到你要操作的网页元素，否则脚本在运行时会不稳定容易报错。

 

 

使用Try Xpath验证CSS Selector 验证CSS Selector和验证Xpath的使用方式类似

1. 在Way中选择“querySelectorAll”选项

2. 在Expression中输入的是要验证的CSS Selector表达式，点击Execute按钮 Try Xpath同样会把匹配到的元素使用红色虚线框出来。