Firebug是firefox的一個插件，Firebug 和 firefox 整合在一起，使你瀏覽網頁時手邊有了一套強大的網頁開發工具，雖然最新的火狐不再有這個插件，不過我們可以通過手動安裝或者下載舊版本來解決這個問題，有需要的就來IT貓撲下載吧！
firebug信息
你可以編輯、調試和監控任何網頁上的 CSS、HTML 和 javascript。而且可以在線的時候修改dom非常彈大的插件．
用Firebug + Firefox 組成最強大的網頁調試工具。
文件的擴展外是 xpi 直接拖入到 FireFox中就可以安裝了。
安裝好后按 F12 就會彈出調試窗口
Firebug 1.10a5修復了9個問題。
從這個版本的一些亮點
斷點條件編輯器支持自動完成（issue 3155）
正確的HTML面板支持MATHML實體的引用。也有三種選擇如何顯示在一般的實體。你可以看到符號直接，實體名稱或Unicode表示（issue 3159）。
使用向上/向下鍵（編輯風格側板時），可以改變顏色。支持各種格式（RGBS，HSLA，十六進制）（issue 5177）
操作說明
Media queries 引入CSS規則 查詢顯示和編輯（issue 5277）。
Firebug 1.6.2，修復問題（issue 3880和issue 3933），Firebug 1.7接近測試階段，我們要集中我們的努力就可以了。
Firebug 1.6.1 修復1.6.0 反映的問題，除其他外，按Ctrl + Shift + Arrow 修復。
Firebug1.6.1上傳在 AMO，但它可能需要一些時間才能顯示- 因為它必須通過定期審查程序（是的，這是新的）。
Firebug是Firefox的一個插件，Firebug 和 firefox 整合在一起，使你瀏覽網頁時手邊有了一套強大的網頁開發工具。
你可以編輯、調試和監控任何網頁上的 CSS、HTML 和 Javascript。而且可以在線的時候修改dom非常彈大的插件．
用Firebug + Firefox 組成最強大的網頁調試工具。
文件的擴展外是 xpi 直接拖入到 FireFox中就可以安裝了。
安裝好后按 F12 就會彈出調試窗口
支持Mozilla Firefox 3.X
Firebug功能介紹
激活
Firebug的激活是基于URL的，遵守相同的來源策略。這意味著，當您在不同的選項卡上打開同一個來源的頁面時，Firebug會自動打開。當您在同一選項卡中打開不同來源的頁面時，它會自動關閉。另一方面DevTools的激活是基于標簽的。這意味著，當您在選項卡中打開DevTools時，即使您在不同網站之間切換，它們也會保持打開狀態。當你切換到另一個標簽，但是，他們被關閉。
打開工具
按F12可打開Firebug。要打開它來檢查元素，可以按Ctrl+ Shift+ C/ Cmd+ Opt+ C。DevTools共享相同的快捷鍵，但也提供了不同面板的快捷鍵。例如，網絡監視器可以通過Ctrl+ Shift+ Q/ Cmd+ Opt+ 打開Q，Web控制臺通過Ctrl+ Shift+ K/ Cmd+ Opt+ K打開，調試器通過Ctrl+ Shift+ S/ Cmd+ Opt+ 打開S。
該Web控制臺是Firebug的相當于控制臺面板。它顯示與網頁相關的日志信息，并允許您通過命令行執行JavaScript表達式。兩者之間的顯示有所不同。這可能會改變錯誤1269730。
過濾日志消息
Firebug提供了兩種方法來過濾日志消息，通過選項菜單和工具欄中的過濾器按鈕。開發者工具控制臺通過其工具欄內的過濾器按鈕提供類似的功能- 集中在一個地方。
命令行API
Firebug中的命令行API提供了一些特殊功能，以方便您使用。開發工具命令行有一些共同的功能，但也有一些其他的功能，錯過了別人。
控制臺API
從網頁內將東西記錄到控制臺Firebug 在頁面中提供了一個控制臺API。開發者工具共享相同的API，所以你的console.*語句將繼續工作。
堅持日志
在Firebug中，您可以單擊工具欄中的Persist按鈕以保留頁面導航和重新加載之間記錄的消息。在DevTools中，這個選項被稱為啟用日志，并且在“工具箱選項”面板中可用。
服務器日志
像Firephp這樣的Firebug擴展允許將服務器端消息記錄到Firebug控制臺。該功能已經使用chromeLogger協議集成到DevTools中，不需要安裝任何擴展。
命令歷史
該命令歷史記錄可通過在Firebug的命令行按鈕，可以按↑/ ↓在DevTools命令行中。
Firebug插件使用方法
Firebug 的主要菜單選項有控制臺、HTML、CSS、腳本、DOM、網絡六個，上述功能的配合使用能夠滿足網頁設計的各項要求。
1、控制臺（Console）功能：控制臺得主要作用是用來顯示網頁各類錯誤信息，并可對日志進行打印處理。同時可以在進行javascript調試的時候當作命令行窗口使用，并通過概況子選項說明javascript代碼執行的相關信息。
2、HTML功能：此菜單標簽功能，主要用于查看當前頁面的源代碼功能，并可進行編輯，實時顯示，從而實現頁面上佳效果。
3、CSS功能：點擊CSS菜單標簽，可查看所有的CSS定義信息，同時也可以通過雙擊來達到修改頁面樣式的效果。
4、腳本（Javascript）功能：腳本功能主要是一個腳本調試器，可以進行單步調試、斷點設置、變量查看等功能，同時通過右邊的監控功能來實現腳本運行時間的查看和統計，提高運行效率。
5、DOM功能：該功能主要用于查看頁面DOM信息，通過提供的搜索功能實現DOM的快速準確定位，并可雙擊來實現DOM節點屬性或值的修改。
6、網絡（Net）功能：該標簽功能主要用來監控網頁各組成元素的運行時間的信息，方便找出其中運行時間較慢的部分，進一步優化運行效率。
