WebDriver Element Locator

安裝

1. 在搜尋框裡輸入WebDriver Element Locator
   
2. 點選Add to firefox
   
3. 會有個彈出框，點選install now
4. 可以看從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

安裝

使用

通過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