一些好用的查询页面元素的小工具

在做Web自动化的时候查找页面元素是基础，一个好的工具可以帮助我们快速、准确定位到元素，省去很多时间和精力，可以查看元素的工具很多，个人觉得Firefox浏览器及其丰富的组件非常好用。

1. Firefox浏览器

直接在官网(http://www.firefox.com.cn/download/)下载安装即可。

2. Firebug

Firebug是Firefox自带的一个组件，安装方法：菜单-->附件组件-->在“搜索所有附加组件”输入框输入“Firebug”并搜索，即可在“可用附加组件”里查看到Firebug，之后直接点击“安装”，安装完重启Firefox浏览器，就可以使用了。如果已经安装过了，在“我的附件组件”里可以查看到Firebug。

打开Firebug的方法：安装成功后，在浏览器的工具栏，会有一个类似于小虫子的图标，点击小虫子图标，图标被点亮，Firebug就打开了，或者直接按F12也可以打开Firebug。

Firebug的使用：以百度首页为例，Firebug打开后，先选择HTML tab,

然后先点选Firebug左边的箭头图标，

然后选中页面上的某一个元素，该元素的HTML信息就会完全展示在Firebug里。

3. Xpath Checker

Xpath Checker 也是Firefox自带的一个组件，作用是来验证Xpath的正确性。

安装方法同Firebug，直接在附加组

件里搜索安装即可。使用方法：在页面上点击右键，选择“View Xpath”:

之后在弹出的对话框的Xpath里输入要验证的Xpath，如果正确，则会显示相应的元素，如果Xpath不正确，则会提供错误信息：

4. Firepath

Firepath除了可以验证Xpath的正确性以外，当我们选中页面上的某一个元素后，会自动生成该元素对应的Xpath。安装方法同Firebug，不同的时，安装完后，Firepath需要在Firebug里打开。使用方法：选择Firepath tab，然后选中页面上的某一个元素，该元素对应的Xpath就会自动生成：

5. Selenium IDE

通常我们用Selenium IDE来录制和回放脚本，在查找元素的时候用它，也可以用来检验元素定位的是否正确。安装方法依然同Firebug， 安装完需要重启Firefox浏览器，同样也会在工具栏出现一个IDE的图标，点击图标即可打开IDE，我们可以指定特定的Command， 在Target输入要验证的Xpath，之后运行，如果Xpath定位正确，则会点击页面上显示的元素，否则在IDE的log里我们可以查看具体的错误原因。