找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就打開了