找xpath好用的工具（Firefox插件）

小灰灰 2022-06-01 02:07 292阅读 0赞

### WebDriver Element Locator ###

#### 安装 ####

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

#### 使用 ####

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

### Firebug ###

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

### firepath ###

#### 安装 ####

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

#### 使用 ####

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

##### 1. 得到xpath #####

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

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

##### 2. 得到css path #####

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

### Xpath Checker ###

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

[https_addons.mozilla.org_en-US_firefox]: https://addons.mozilla.org/en-US/firefox/
[20151113154357517]: /images/20220601/92ef85f0acd2415a84091ebdcdb2dfd9.png
[20151113154847638]: /images/20220601/4f84e3cefe404b5584946ea6c0d73ca3.png
[20151113155856305]: /images/20220601/171937e2c6844f8e91dbcf97407fb1fb.png
[https_addons.mozilla.org_en-US_firefox_addon_firebug]: https://addons.mozilla.org/en-US/firefox/addon/firebug/
[https_getfirebug.com_downloads]: https://getfirebug.com/downloads
[20151020172439321]: /images/20220601/052b87efcb16405f8bb85ad319986433.png
[https_addons.mozilla.org_en-us_firefox_addon_firepath]: https://addons.mozilla.org/en-us/firefox/addon/firepath/
[20151116115657060]: /images/20220601/299fbb3ad99a4f3a9f3d17678c2d411c.png
[20151116120232033]: /images/20220601/b60448d88e3b4633a9a1931a656e349f.png
[20151116120444413]: /images/20220601/f95670b69c044ff9891573eeb34607dd.png
[20151116120659178]: /images/20220601/85ef4be76e42479fb62a857fb74fcebc.png
[https_addons.mozilla.org_zh-cn_firefox_addon_xpath-checker]: https://addons.mozilla.org/zh-cn/firefox/addon/xpath-checker/