火狐浏览器升级后，Try xpath插件的添加及使用

首先，火狐浏览器不断升级之后，弃用了很多之前比较好用的插件，比如Firebug和Firepath，那么像这么好用的插件不可能彻底的弃用，那么，就用Try xpath插件替代Firebug和Firepath；

今天我们就介绍一下Try xpath插件的添加和使用方式：

一、Try xpath插件的添加及使用

火狐浏览器版本：（57版本之上） 

 1、如下图所示：打开浏览器后，点击右侧的“菜单”——“添加组件”——选择“插件”——在上方的搜索栏中输入“Try xpath”——点击搜索按钮

 

2、选择我标红的即可；

3、添加成功后，在浏览器右侧会出现一个“TX”的标识；

4、点击“TX”标识后，会出现一个下拉的列表，可以在“Expression”输入表达式，之后点击最上面的执行按钮“Execute”来执行

就OK啦。

 

5、例如，我输入了“//input”之后，Try Xpath会用红色虚线框把元素框起来，并且在Results部分的Count中会显示计数为18；

6、在“details”中会显示出所有的元素，下面的focus按钮来定位你要定位的元素；

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

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

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

最后说一下，有关Xpath表达式和CSS Selector表达式需要自己不断去尝试，去积累；