FireBug

Firebug的安裝方法 。安裝完畢最新版火狐瀏覽器后(本例版本為30.0)，點擊左上角firefox菜單，選擇【工具】-->【附加組件】。然后在【搜索所有附加組件】搜索欄中輸入"firebug"關鍵詞，出現(xiàn)firebug搜索結果，點擊安裝后，重啟瀏覽器即可完成安裝過程。

Firebug的啟動完成安裝，重啟瀏覽器后，即可按"F12"快捷鍵啟動Firebug插件，也可點擊firefox地址欄右邊f(xié)irebug圖標啟動，啟動后，頁面將分欄顯示，F(xiàn)irebug各項功能顯示在下方。

Firebug 1.11.1

Firebug團隊發(fā)布了Firebug 1.11.1。這是一個后續(xù)版本

Firebug1.11.1修復了3個問題。

6116問題:未定義的值將被忽略字符串格式的console.log

6119問題:`空白位置的元素:pre-wrap的顯示不正確

6124問題:添加Firebug規(guī)則，如新的樣式標簽.firebug ResetStyles {}。

FireBug 1.10

新版的 FireBug 1.10，發(fā)現(xiàn)新特性還真不少。不過沒有在網上看到完整的中文介紹。簡單翻譯一下，方便大家。

新特性

安裝后無需重啟瀏覽器

延遲加載

Cookie 管理

命令行編輯器的語法著色

自動完成

樣式追蹤

新的命令: help

鏈接到 Web 字體定義

支持媒體查詢

實體顯示格式

顏色顯示格式

菜單項的工具提示

支持 "focus" CSS 偽類

來自 BFCache 的 HTTP 請求

刪除 CSS 規(guī)則

安裝后無需重啟

Firebug插件雖然功能強大，但是它已經和Firefox瀏覽器無縫地結合在一起，使用簡單直觀。如果你擔心它會占用太多的系統(tǒng)資源，也可以方便地啟用/關閉這個插件，甚至針對特定的站點開啟這個插件。

在安裝好插件之后，先用Firefox瀏覽器打開需要測試的頁面，然后點擊右下方的綠色按鈕或使用快捷鍵F12喚出Firebug插件，它會將當前頁面分成上下兩個框架，如圖1所示。

從圖1中看到，F(xiàn)irebug有6個主要的Tab按鈕，下文將主要介紹這幾方面的功能。

Firebug的主要菜單選項有控制臺、HTML、CSS、腳本、DOM、網絡六個，上述功能的配合使用能夠滿足網頁設計的各項要求。

1、控制臺(Console)功能:控制臺得主要作用是用來顯示網頁各類錯誤信息，并可對日志進行打印處理。同時可以在進行javascript調試的時候當作命令行窗口使用，并通過概況子選項說明javascript代碼執(zhí)行的相關信息。

2、HTML功能:此菜單標簽功能，主要用于查看當前頁面的源代碼功能，并可進行編輯，實時顯示，從而實現(xiàn)頁面最佳效果。

3、CSS功能:點擊CSS菜單標簽，可查看所有的CSS定義信息，同時也可以通過雙擊來達到修改頁面樣式的效果。

4、腳本(Javascript)功能:腳本功能主要是一個腳本調試器，可以進行單步調試、斷點設置、變量查看等功能，同時通過右邊的監(jiān)控功能來實現(xiàn)腳本運行時間的查看和統(tǒng)計，提高運行效率。

5、DOM功能:該功能主要用于查看頁面DOM信息，通過提供的搜索功能實現(xiàn)DOM的快速準確定位，并可雙擊來實現(xiàn)DOM節(jié)點屬性或值的修改。

6、網絡(Net)功能:該標簽功能主要用來監(jiān)控網頁各組成元素的運行時間的信息，方便找出其中運行時間較慢的部分，進一步優(yōu)化運行效率。