本節書摘來自異步社群《selenium自動化測試指南》一書中的第2章2.節firebug，作者趙卓，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
第2章 必備輔助工具
selenium自動化測試指南
工欲善其事，必先利其器。selenium是一個很不錯的測試工具，但因為它是web測試工具，在編寫代碼時會常與html打交道，同時還會使用大量的xpath表達式進行查詢，是以對測試人員來說，需要掌握html和xpath的使用。
下面分别介紹兩款輔助工具：firebug和firepath。它們都是firefox插件，能夠很友善地對html和xpath進行檢視和驗證，對selenium測試代碼的編寫起着很大的幫助作用。
2.1 firebug
在檢視html源碼時，如果沒有輔助工具。就會顯得非常繁瑣。圖2-1所示為百度首頁。
假設隻需要檢視其中的搜尋文本框的html代碼，就需要在網頁上單擊滑鼠右鍵，選擇“檢視源檔案/檢視源代碼”檢視它的html源碼，如圖2-2所示。睜大眼睛，高度集中注意力，在大量的代碼中搜尋搜尋文本框的html代碼，是不是非常繁瑣呢？
如果有了firebug，一切就簡單多了。
我們以firefox 13.0為例，講述如何安裝與使用firebug。
（1）打開firefox，單擊主菜單，選擇“附加元件”，如圖2-3所示。
（2）進入“擷取附加元件”頁面，在搜尋文本框中輸入firebug，單擊搜尋，如圖2-4所示。
（3）安裝該元件，如圖2-5所示。
安裝結束後，就可以在目錄中看到該元件，如圖2-6所示。
如果再進入百度頁面，将滑鼠光标移至搜尋文本框中，然後單擊滑鼠右鍵，選擇“使用firebug檢視元素”，如圖2-7所示。
這樣就可以立即檢視到該文本框的源碼，如圖2-8所示。
當然，也可以單擊firebug上的“檢視元素”按鈕，然後在界面上移動滑鼠并單擊來直接檢視元素的html代碼，如圖2-9所示。
除了檢視元素外，還可以單擊滑鼠右鍵，選擇“複制該元素的xpath到剪貼闆”，如圖2-10所示，這樣便可在編寫selenium時直接使用該xpath。
複制後的xpath表達式如下所示：
//*[@id="kw"]
本文僅用于學習和交流目的，不代表異步社群觀點。非商業轉載請注明作譯者、出處，并保留本文的原始連結。