隨着firefox的迭代更新：FireBug不能用了？使用火狐Try Xpath插件替代Firebug和Firepath

本篇文章講解如何在火狐中安裝和使用Try Xpath（插件替代Firebug和Firepath）。

在火狐中安裝Try Xpath

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

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

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

4. 在搜索結果中點擊Try Xpath這個插件，以下圖 

 

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

 

 

 

6. 在火狐右上角能夠看到一個TX的藍色圖標，說明安裝成功了！

 

 

使用Try Xpath驗證Xpath表達式
1.點擊右上角的TX藍色圖標，會在火狐的右側彈出Try Xpath這個工具的使用窗口

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

3.在Expression輸入框中填入要驗證的Xpath表達式，以後點擊最上面的執行按鈕「Execute」來執行驗證

4.若是Xpath表達式惟必定位到了預期元素，Try Xpath會用紅色虛線框把元素框起來，而且在Results部分的Count中會顯示計數爲1

 

5.當表達式定位到多個元素時，Try Xpath會把全部元素都使用紅色虛線框起來，而且會在Results的Count中顯示準確的數量，這個時候你能夠使用Details下面的focus按鈕來定位你要定位的元素，可是最好可以再優化下表達式，讓表達式精準的惟一的定位到你要操做的網頁元素，不然腳本在運行時會不穩定容易報錯。

 

 

使用Try Xpath驗證CSS Selector 驗證CSS Selector和驗證Xpath的使用方式相似

1. 在Way中選擇「querySelectorAll」選項

2. 在Expression中輸入的是要驗證的CSS Selector表達式，點擊Execute按鈕 Try Xpath一樣會把匹配到的元素使用紅色虛線框出來。