引用：http://04101334.javaeye.com/blog/339692
這篇指南總共分為五大部分：
·第一部分：firebug概覽：簡要介紹firebug的一些基本特征,如何安裝以及一些注意點。
·第二部分：logging，trace和commandline（這里譯為命令行，以后提到的命令行即為commandline）：這些都是和控制臺有關的。在這部分我們將對命令行窗口進行詳細的介紹（命令行窗口類似于Visual Studio的立即窗口（Immediate windows）和監視窗口（Watch window））。
·第三部分：HTML，dom的查看和HTML的CRUD操作：這部分將告訴我們什么叫HTML視察，怎么樣去HTML視察，HTML視察為什么很有用。我還將向您展示如果在HTML標簽中進行HTML，dom的CRUD操作。
·第四部分：用firebug對javascript進行調試：這部分將會覆蓋所有關利用firebug對javascript進行調試的知識。這也是firebug對引人關注的地方，同時我還會告訴你們如果結合控制臺標簽進行javascript的調試。
·第五部分：CSS，DOM和網絡標簽：詳細講述一些CSS，DOM和網絡標簽方面的內容。
正如上面所說，我會嘗試盡可能的覆蓋所有有關firebug方面的東西，如果我有什么遺漏，請積極留言告訴我，萬分感謝.
Firebug概覽
注意：我將會講述一些有關firebug的基本常識，包括它的基本功能，如何安裝等。如果您已經對firebug有一定的了解，可以跳過本部分的內容。
Firebug是什么？
firebug是現在非常流行的一個在Mozilla Firefox瀏覽器中的擴展插件，這個插件能使我們的web開發變得更加輕松和簡單。它包括了許多非常有用的功能，比如調試，HTML視察等等。
Firebug的功能列表：
·javascript調式
·javascript命令行
·監視javascript的工作情況和xmlhttprequest。
·Logging
·Tracing
·HTML視察和編輯HTML
·編輯CSS
如何得到Firebug？
·首先進入下載網址（請用firefox瀏覽器打開）：https://addons.mozilla.org/zh-CN/firefox/search?q=firebug&cat=all （請確保之前已經安裝了最新版的firefox瀏覽器）
·在官方網站的右邊有一張和下圖一樣的圖片，點擊便可進行安裝。
·點擊圖標后將會彈出下圖所示的對話框，點擊“立即安裝”按鈕。
·安裝完成后，我們還需要重新啟動一下firefox瀏覽器。
主菜單（在工具菜單欄下）
在firefox瀏覽器的“工具”菜單欄下將會出現“firebug”和“錯誤控制臺”菜單項。
·Firebug：這是firebug所有子菜單的父菜單。
·錯誤控制臺：如果你點擊這個菜單項，將會彈出一個控制臺窗口，該窗口中紀錄了所有在運行過程的錯誤，警告，消息等信息.
firebug菜單：
如果你繼續點擊firebug菜單項,將會彈出他的子菜單，如下圖：
打開Firebug：在瀏覽器中打開firebug，你也可以按“F12”打開它。
在新窗口中打開Firebug：在新窗口中打開Firebug。
打開編輯器：添加各種編輯器。
查看元素：可以查看網頁中的各種html元素，并定位到該元素在html代碼中的位置。此功能是firebug的亮點之一，具體將在第三部分介紹。
javascript概況：此功能非常有用，它可以總結出打開一個網頁的過程中，所有該網頁中包含的javascript函數的執行時間，調用次數等許多有用的信息，具體使用方法將在以后章節中講述。
清除控制臺：清除控制臺中的所有信息。
命令行：將焦點定位到命令行輸入框中。
搜索：將焦點定位到firebug的搜索輸入框中。
Firebug控制臺
firebug控制臺如下圖所示：
firebug包含了六個標簽：控制臺，html，css，腳本，dom，網絡。
·控制臺標簽：用來顯示各種日志信息，同時可以結合firebug給定的API進行各種測試和跟蹤。
·html標簽：可以用來視察，編輯網頁中的各種html元素。
·css標簽：可以用來檢查網頁中和CSS有關的內容。
·腳本標簽：可以設置斷點調試javascript代碼，也可以用來監控javascript代碼。
·dom標簽：展示dom樹。（我覺得html標簽可以代替此標簽的功能）、
·網絡標簽：可以觀查從服務器端下載下來的js文件，圖片，flash等資源的大小，下載所花費的時間等，這也是一個非常有用的功能。
狀態欄
如果有錯誤，你將會在狀態欄中紅色的叉叉，并提示錯誤的個數。
問題？
如果您還有什么問題不是很明白，可以在我的博客上留言，我們可以一起討論研究