找xpath好用的工具(Firefox插件)

WebDriver Element Locator

安装
  1. 打开firefox浏览器,进入网址https://addons.mozilla.org/en-US/firefox/
  2. 在搜索框里输入WebDriver Element Locator
    这里写图片描述
  3. 点击Add to firefox
    这里写图片描述
  4. 会有个弹出框,点击install now
  5. 可以看从firefox浏览器的menu -> Tools -> Add ons -> Extension里看是否安装成功
使用

1.在firefox里打开www.baidu.com
2. 将光标定位在搜索框里,鼠标右键,如下图所示,会提供多个语言(C#,java,Python,Ruby等)的xpath。
找到对应自己语言的xpath就可以使用了
这里写图片描述

Firebug

这个插件大家一定不陌生,可以用了干很多事情,比如调试javascript等等。
还有一个作用就是定位页面元素,这样你可以清晰的看到某个元素的id,class等等
- 从https://addons.mozilla.org/en-US/firefox/addon/firebug/里找到你的firefox浏览器对应的firebug的版本
- https://getfirebug.com/downloads,下载并安装
- 安装完后,你的firefox浏览器会有这个图标这里写图片描述

firepath

安装
  1. 下载安装:https://addons.mozilla.org/en-us/firefox/addon/firepath/
  2. firepath需要结合firebug插件一起使用。安装完并重启浏览器后,点击firebug,在打开的firebug 窗口就能看到firepath安装成功。
    这里写图片描述
使用

通过firebug+firepath可以得到元素的xpath和css path。

1. 得到xpath

1.1 打开firebug窗口,选择firepath tab。
1.2 点击firebug窗口的inspector,然后选择要查看xpath的页面元素,xpath就会显示在firebug窗口,如下图
这里写图片描述

这种方法可以得到元素的相对xpath,如果想得到元素的绝对xpath,在FirePath旁边的小三角选择Generate Absolute xpath.
这里写图片描述

2. 得到css path

方法和得到xpath一样,选择css就行,如下图所示
这里写图片描述

Xpath Checker

这个插件用了检查你写的xpath是否正确。
- 下载安装:https://addons.mozilla.org/zh-cn/firefox/addon/xpath-checker/
- 安装完后,右键 -> View Xpath, Xpath Checker就打开了

  • 5
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值