找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就能够使用了 
这里写图片描述javascript

Firebug

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

firepath

安装

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

使用

经过firebug+firepath能够获得元素的xpath和css path。java

1. 获得xpath

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

这种方法能够获得元素的相对xpath,若是想获得元素的绝对xpath,在FirePath旁边的小三角选择Generate Absolute xpath. 
这里写图片描述web

2. 获得css path

方法和获得xpath同样,选择css就行,以下图所示 
这里写图片描述浏览器

Xpath Checker

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

相关文章
相关标签/搜索