在做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里我们可以查看具体的错误原因。