在Selenium中準(zhǔn)確定位到要操作的網(wǎng)頁元素是首要的事情，之前在火狐中一直使用的是Firebug和Firepath，通過這兩個小插件來驗證Xpath表達式和CSS Selector表達式。

但是和Selenium IDE一樣，火狐在更新到57版本之后，對這些使用舊技術(shù)實現(xiàn)的插件都不再支持了！

?這樣我們在selenium中編寫和驗證Xpath以及CSS Selector的時候就會感覺不太方便。

今天給大家介紹另一個火狐插件Try Xpath，這個插件可以幫助我們驗證Xpath以及CSS Selector能不能定位到預(yù)期的網(wǎng)頁元素，并且可以提供表達式具體定位到多少個元素的準(zhǔn)確信息，可以用來作為Firebug和Firepath的替代。

本篇文章就來講解如何在火狐中安裝和使用Try Xpath。

在火狐中安裝Try Xpath

1. 打開火狐瀏覽器 FireFox57以上的版本

2. 在火狐菜單中選擇 工具-->附加組件-->獲取附加組件--> 滾動到頁面的底部，點擊“看看更多附加組件”

3. 在右上角的搜索框中輸入Try Xpath，回車搜索

4. 在搜索結(jié)果中點擊Try Xpath這個插件，如下圖

5. 點擊后用戶會進入到Try Xpath這個插件的頁面，點擊頁面上的“添加到Firefox”按鈕

6.在要求獲取權(quán)限的提示中，點擊“添加”

7. 之后就可以看到Try Xpath添加成功的提示信息

8.?在火狐右上角可以看到一個TX的藍色圖標(biāo)，說明安裝成功了！

?

使用Try Xpath驗證Xpath表達式

1. 點擊右上角的TX藍色圖標(biāo)

2. 點擊這個圖標(biāo)后，就會在火狐的右側(cè)彈出Try Xpath這個工具的使用窗口

3. 在Way這個下拉框下有好多選項，驗證Xpath的話，選擇"Xpath ANY_TYPE"

4. 在Expression輸入框中填入要驗證的Xpath表達式，之后點擊最上面的執(zhí)行按鈕“Execute”來執(zhí)行驗證

5. 如果Xpath表達式唯一定位到了預(yù)期元素，Try Xpath會用紅色虛線框把元素框起來，并且在Results部分的Count中會顯示計數(shù)為1

6. 當(dāng)表達式定位到多個元素時，Try Xpath會把所有元素都使用紅色虛線框起來，并且會在Results的Count中顯示準(zhǔn)確的數(shù)量，這個時候你可以使用Details下面的focus按鈕來定位你要定位的元素，但是最好能夠再優(yōu)化下表達式，讓表達式精準(zhǔn)的唯一的定位到你要操作的網(wǎng)頁元素，否則腳本在運行時會不穩(wěn)定容易報錯。

?

使用Try Xpath驗證CSS Selector

驗證CSS Selector和驗證Xpath的使用方式基本一樣

1. 在Way中選擇“querySelectorAll”選項

2. 在Expression中輸入的是要驗證的CSS Selector表達式，點擊Execute按鈕

Try Xpath同樣會把匹配到的元素使用紅色虛線框出來。

?

********************************************************************************************************

近期我會在博客中系統(tǒng)的更新一些關(guān)于Selenium的文章，也請大家多多關(guān)注下我的視頻課程：

入門：基于Java的Selenium3自動化測試完整教程

高級：Selenium Java高級架構(gòu)課程

*********************************************************************************************************

精彩文章，請大家關(guān)注我的測試公眾號：火烈鳥測試

?

?

?

總結(jié)

以上是生活随笔為你收集整理的FireBug不能用了？使用火狐Try Xpath插件替代Firebug和Firepath的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。