FireBug不能用了？使用火狐Try Xpath插件替代Firebug和Firepath

在Selenium中准确定位到要操作的网页元素是首要的事情，之前在火狐中一直使用的是Firebug和Firepath，通过这两个小插件来验证Xpath表达式和CSS Selector表达式。

但是和Selenium IDE一样，火狐在更新到57版本之后，对这些使用旧技术实现的插件都不再支持了！

 这样我们在selenium中编写和验证Xpath以及CSS Selector的时候就会感觉不太方便。

今天给大家介绍另一个火狐插件Try Xpath，这个插件可以帮助我们验证Xpath以及CSS Selector能不能定位到预期的网页元素，并且可以提供表达式具体定位到多少个元素的准确信息，可以用来作为Firebug和Firepath的替代。

本篇文章就来讲解如何在火狐中安装和使用Try Xpath。

在火狐中安装Try Xpath

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

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

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

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

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

6.在要求获取权限的提示中，点击“添加”

7. 之后就可以看到Try Xpath添加成功的提示信息

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

 

使用Try Xpath验证Xpath表达式

1. 点击右上角的TX蓝色图标

2. 点击这个图标后，就会在火狐的右侧弹出Try Xpath这个工具的使用窗口

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

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

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

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

 

使用Try Xpath验证CSS Selector

验证CSS Selector和验证Xpath的使用方式基本一样

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

2. 在Expression中输入的是要验证的CSS Selector表达式，点击Execute按钮

Try Xpath同样会把匹配到的元素使用红色虚线框出来。

 

********************************************************************************************************

近期我会在博客中系统的更新一些关于Selenium的文章，也请大家多多关注下我的视频课程：

入门：基于Java的Selenium3自动化测试完整教程

高级：Selenium Java高级架构课程

*********************************************************************************************************

阅读更多精彩文章，请大家关注我的测试公众号：火烈鸟测试