Firebug(也被稱為：螢火蟲)是 firefox 下的一個擴展工具,能夠調試所有網(wǎng)站語言，如Html,Css等，但FireBug吸引人的就是javascript調試功能，使用起來非常方便，而且在各種瀏覽器下都能使用（IE,Firefox,Opera, Safari）。相似軟件版本說明軟件地址wpe綠色版查看斯沃數(shù)控仿真大全6.5查看grid6.5.0.0 官方版查看

Firebug軟件簡介

Firebug的其他功能也很強大，比如html,css,dom的查看與調試，網(wǎng)站整體分析等等?？傊褪且徽淄暾鴱姶蟮?WEB開發(fā)工具。再有就是其為開源的軟件。

FiFireBug(螢火蟲)集HTML查看和編輯、Javascript控制臺、網(wǎng)絡狀況監(jiān)視于一體，可以說是開發(fā)人員必備擴展之一。Firebug從各個不同的角度剖析Web頁面內(nèi)部的細節(jié)層面，給Web開發(fā)者帶來很大的便利。

FireBug(螢火蟲)為你的Firefox 集成了瀏覽網(wǎng)頁的同時隨手可得的豐富開發(fā)工具。你可以對任何網(wǎng)頁的 CSS、HTML 和 JavaScript 進行實時編輯、調試和監(jiān)控…

Firebug 功能介紹

激活

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

打開工具

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

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

過濾日志消息

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

命令行API

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

控制臺API

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

堅持日志

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

服務器日志

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

命令歷史

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

Firebug 安裝教程

1、從本站下載Firebug軟件包，將壓縮包解壓后，使用鼠標左鍵雙擊打開安裝文件。

注：解壓壓縮包需要使用壓縮解壓工具，推薦使用WinRAR，技術成熟可靠。WinRAR下載地址：

2、將解壓后得到的.xpi文件直接拖動到Firefox 瀏覽器的界面中，稍等片刻后，我們就可以在Firefox瀏覽器右上方看到 Firebug 的圖標了，這樣就安裝成功了。

Firebug 使用方法

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

1、控制臺（Console）功能：控制臺得主要作用是用來顯示網(wǎng)頁各類錯誤信息，并可對日志進行打印處理。同時可以在進行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、網(wǎng)絡（Net）功能：該標簽功能主要用來監(jiān)控網(wǎng)頁各組成元素的運行時間的信息，方便找出其中運行時間較慢的部分，進一步優(yōu)化運行效率。

Firebug 和 Chrome 自帶的開發(fā)人員工具相比起來有哪些優(yōu)缺點?

firebug出來較早，在資深程序員眼里是最愛，但chrome后來居上，有些重疊功能也不相上下，甚至更佳。綜合功能來講，由于Firefox在某些方面，比Chrome還支持得多一些（尤其是html5的某些新特性），因此兩者各有優(yōu)勢，不分伯仲。

Firebug 更新日志

Firebug 2.0.16與Firefox 30 - 48兼容

Firebug 2.0.16修復了以下問題：8004。