WebDriver Element Locator
安裝
- 打開(kāi)firefox瀏覽器，進(jìn)入網(wǎng)址https://addons.mozilla.org/en-US/firefox/
- 在搜索框里輸入WebDriver Element Locator
- 點(diǎn)擊Add to firefox
- 會(huì)有個(gè)彈出框，點(diǎn)擊install now
- 可以看從firefox瀏覽器的menu -> Tools -> Add ons -> Extension里看是否安裝成功
使用
1.在firefox里打開(kāi)www.baidu.com
2. 將光標(biāo)定位在搜索框里，鼠標(biāo)右鍵，如下圖所示，會(huì)提供多個(gè)語(yǔ)言(C#,Java,Python,Ruby等)的xpath。
找到對(duì)應(yīng)自己語(yǔ)言的xpath就可以使用了
Firebug
這個(gè)插件大家一定不陌生，可以用了干很多事情，比如調(diào)試JavaScript等等。
還有一個(gè)作用就是定位頁(yè)面元素，這樣你可以清晰的看到某個(gè)元素的id,class等等
- 從https://addons.mozilla.org/en-US/firefox/addon/firebug/里找到你的firefox瀏覽器對(duì)應(yīng)的firebug的版本
- https:///downloads，下載并安裝
- 安裝完后，你的firefox瀏覽器會(huì)有這個(gè)圖標(biāo)
firepath
安裝
- 下載安裝：https://addons.mozilla.org/en-us/firefox/addon/firepath/
- firepath需要結(jié)合firebug插件一起使用。安裝完并重啟瀏覽器后，點(diǎn)擊firebug，在打開(kāi)的firebug 窗口就能看到firepath安裝成功。
使用
通過(guò)firebug+firepath可以得到元素的xpath和css path。
1. 得到xpath
1.1 打開(kāi)firebug窗口，選擇firepath tab。
1.2 點(diǎn)擊firebug窗口的inspector,然后選擇要查看xpath的頁(yè)面元素，xpath就會(huì)顯示在firebug窗口，如下圖
這種方法可以得到元素的相對(duì)xpath,如果想得到元素的絕對(duì)xpath，在FirePath旁邊的小三角選擇Generate Absolute xpath.
2. 得到css path
方法和得到xpath一樣，選擇css就行，如下圖所示
Xpath Checker
這個(gè)插件用了檢查你寫(xiě)的xpath是否正確。
- 下載安裝：https://addons.mozilla.org/zh-cn/firefox/addon/xpath-checker/
- 安裝完后，右鍵 -> View Xpath， Xpath Checker就打開(kāi)了
|
