第五：元素定位浏览器插件-Try Xpath（火狐浏览器）

一.Try Xpath

1.Try Xpath是基于火狐浏览器的Xpath的元素定位插件

2.可以帮助通过Xpath表达式来定位页面元素

3.Try Xpath支持自动补全和高亮显示

4.同时它还可以将元素的属性、文本、HTML 等信息直接显示在插件窗口中

二.在火狐中安装Try Xpath

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

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

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

4.添加附加组件，在火狐右上角可以看到个TX的蓝色图标，说明安装成功了！

三.使用Try Xpath验证Xpath表达式

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

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

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

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

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

四.使用Try Xpath验证CSS Selector

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

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

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

五.使用Try Xpath验证页面上有多少个iframe

1.勾选Try Xpath工具中的frameId复选框，点击“Get all frameid”按钮

2.点击“Get all frameid”按钮之后，展开此按钮右侧的Manual下拉列表

2.1.列表里面就告诉当前页面有多少个iframe，
2.2.下拉选项的“0”不作为计数，下拉选项中一长串的数字做为计数
2.3.所以本例中整个页面中有1个iframe

3.输入frameid，点击“Focus frame”按钮

3.1.想要知道自己想操作的iframe是第几个？
3.2.只需要把下拉选项中看到的那一长串数字（frameId）
3.3.输入到下面的frameid输入框中，在点击下面的“Focus frame”按钮
3.4.Try Xpath会把这个id号对应的iframe在页面上用粉色的虚线框框出来

4.试出自己想操作的iframe后，再看它在步骤3列表中的排名，记得按索引号的话，是从0开始的

4.1.这样就找出页面上总共有多少个iframe，自己要操作的iframe对应的索引号是多少了
4.2.注：对于比较复杂的iframe内又嵌套iframe，或者页面iframe太多的时候，此方法就不太适用