FireFox安裝
https://www.mozilla.org/en-US/firefox/new/?scene=2
安裝
- 打開firefox瀏覽器,進入網址https://addons.mozilla.org/en-US/firefox/
- 在搜索框里輸入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
安裝
- 下載安裝:https://addons.mozilla.org/en-us/firefox/addon/firepath/
- 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就打開了