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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值