軟件介紹

FireBug是一款功能十分強(qiáng)大的上網(wǎng)插件，集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視于一體，從各個(gè)不同的角度分析網(wǎng)頁的各個(gè)層面，能夠調(diào)試所有網(wǎng)站語言，給Web開發(fā)者帶來很大的便利。

軟件特色

【激活】

Firebug的激活是基于URL的，遵守相同的來源策略。這意味著，當(dāng)您在不同的選項(xiàng)卡上打開同一個(gè)來源的頁面時(shí)，F(xiàn)irebug會(huì)自動(dòng)打開。當(dāng)您在同一選項(xiàng)卡中打開不同來源的頁面時(shí)，它會(huì)自動(dòng)關(guān)閉。另一方面DevTools的激活是基于標(biāo)簽的。這意味著，當(dāng)您在選項(xiàng)卡中打開DevTools時(shí)，即使您在不同網(wǎng)站之間切換，它們也會(huì)保持打開狀態(tài)。當(dāng)你切換到另一個(gè)標(biāo)簽，但是，他們被關(guān)閉。

【打開工具】

按F12可打開Firebug。要打開它來檢查元素，可以按Ctrl+ Shift+ C/ Cmd+ Opt+ C。DevTools共享相同的快捷鍵，但也提供了不同面板的快捷鍵。例如，網(wǎng)絡(luò)監(jiān)視器可以通過Ctrl+ Shift+ Q/ Cmd+ Opt+ 打開Q，Web控制臺(tái)通過Ctrl+ Shift+ K/ Cmd+ Opt+ K打開，調(diào)試器通過Ctrl+ Shift+ S/ Cmd+ Opt+ 打開S。

該Web控制臺(tái)是Firebug的相當(dāng)于控制臺(tái)面板。它顯示與網(wǎng)頁相關(guān)的日志信息，并允許您通過命令行執(zhí)行JavaScript表達(dá)式。兩者之間的顯示有所不同。這可能會(huì)改變錯(cuò)誤1269730。

【過濾日志消息】

Firebug提供了兩種方法來過濾日志消息，通過選項(xiàng)菜單和工具欄中的過濾器按鈕。開發(fā)者工具控制臺(tái)通過其工具欄內(nèi)的過濾器按鈕提供類似的功能- 集中在一個(gè)地方。

【命令行API】

Firebug中的命令行API提供了一些特殊功能，以方便您使用。開發(fā)工具命令行有一些共同的功能，但也有一些其他的功能，錯(cuò)過了別人。

【控制臺(tái)API】

從網(wǎng)頁內(nèi)將東西記錄到控制臺(tái)Firebug 在頁面中提供了一個(gè)控制臺(tái)API。開發(fā)者工具共享相同的API，所以你的console.*語句將繼續(xù)工作。

【堅(jiān)持日志】

在Firebug中，您可以單擊工具欄中的Persist按鈕以保留頁面導(dǎo)航和重新加載之間記錄的消息。在DevTools中，這個(gè)選項(xiàng)被稱為啟用日志，并且在“工具箱選項(xiàng)”面板中可用。

【服務(wù)器日志】

像FirePHP這樣的Firebug擴(kuò)展允許將服務(wù)器端消息記錄到Firebug控制臺(tái)。該功能已經(jīng)使用ChromeLogger協(xié)議集成到DevTools中，不需要安裝任何擴(kuò)展。

【命令歷史】

該命令歷史記錄可通過在Firebug的命令行按鈕，可以按↑/↓在DevTools命令行中。

FireBug使用教程

1、控制臺(tái)（Console）功能：控制臺(tái)得主要作用是用來顯示網(wǎng)頁各類錯(cuò)誤信息，并可對(duì)日志進(jìn)行打印處理。同時(shí)可以在進(jìn)行javascript調(diào)試的時(shí)候當(dāng)作命令行窗口使用，并通過概況子選項(xiàng)說明javascript代碼執(zhí)行的相關(guān)信息。

2、HTML功能：此菜單標(biāo)簽功能，主要用于查看當(dāng)前頁面的源代碼功能，并可進(jìn)行編輯，實(shí)時(shí)顯示，從而實(shí)現(xiàn)頁面上佳效果。

3、CSS功能：點(diǎn)擊CSS菜單標(biāo)簽，可查看所有的CSS定義信息，同時(shí)也可以通過雙擊來達(dá)到修改頁面樣式的效果。

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

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

6、網(wǎng)絡(luò)（Net）功能：該標(biāo)簽功能主要用來監(jiān)控網(wǎng)頁各組成元素的運(yùn)行時(shí)間的信息，方便找出其中運(yùn)行時(shí)間較慢的部分，進(jìn)一步優(yōu)化運(yùn)行效率。

安裝方法

1、在本站下載FireBug安裝包

2、使用壓縮軟件進(jìn)行解壓（推薦使用winrar）

3、點(diǎn)擊“firebug.exe”文件開始安裝