火狐瀏覽器使用firebug獲取xpath和css path

工作中，常常會用到網頁元素的定位方式，常用的有xpath和css path兩種定位方式。

現在簡單介紹如何使用工具自動生成元素的定位字符串。

首先介紹在火狐瀏覽器上使用FireBug及其擴展FirePath兩款工具，它們可以自動生成定位字符串和驗證自己編輯的定位字符串能否匹配網頁元素。

對着這兩款工具截圖如下：

 

使用方法：

1. 打開一個網頁，例如www.hao123.com;
2. 鼠標右鍵點擊一個頁面元素——使用FireBug查看頁面元素，鼠標單擊頁面左上角的FireBug插件圖標或者按下F12鍵，三種方式都可以打開調試窗口並啟用FireBug；
3. 選擇FirePath窗口；
4. 單擊調試窗口中鼠標箭頭圖案的按鈕后，可以進行元素選取；
5. 選中元素后，會自動生成定位元素字符串xpath或者css path。

同時，調試窗口還會顯示出定位字符串能夠匹配的頁面元素個數，如下圖：

主要在自己編輯定位字符串時使用。