沒有什麼比看原始碼更直接學習網頁設計的方法了。那麼在Firefox(以下簡稱FF)下，如何能快速定位元素，檢視網頁樣式、指令碼等原始碼呢？藉助Firebug外掛就能滿足您的需求。
工具/原料
Firefox瀏覽器
Firebug
方法/步驟
開啟火狐瀏覽器（如未安裝可從百度軟體中心或火狐官網下載安裝），滑鼠左鍵點選瀏覽器右上角圖示（如圖示），在展開選單項中選擇“附加元件”
在彈出頁面的搜尋框中輸入“firebug”，找到後選擇安裝；
在我的附加附件中將其“啟用”
也可通過鍵盤上的“F12”按鍵快速啟動，也可直接點選圖示啟動；
啟動後，圖示由灰色變為彩色即為啟動成功；
通過滑鼠工具可快速定位網頁元素，如圖
將定位元素html上顯示的class名稱，複製貼上到firebug搜尋框，將tab選項框切換至“CSS”可檢視該calss樣式；
同理切換至“指令碼”的話，可搜尋該網站js程式碼實現等。
趕緊試試吧。
注意事項
通過火狐瀏覽器安裝失敗的話，可至firebug官網下載離線安裝包的方式來安裝