Firebug軟件簡(jiǎn)介
Firebug的其他功能也很強(qiáng)大，比如html,css,dom的查看與調(diào)試，網(wǎng)站整體分析等等?？傊褪且徽淄暾鴱?qiáng)大的 WEB開(kāi)發(fā)工具。再有就是其為開(kāi)源的軟件。
FiFireBug(螢火蟲(chóng))集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視于一體，可以說(shuō)是開(kāi)發(fā)人員必備擴(kuò)展之一。Firebug從各個(gè)不同的角度剖析Web頁(yè)面內(nèi)部的細(xì)節(jié)層面，給Web開(kāi)發(fā)者帶來(lái)很大的便利。
FireBug(螢火蟲(chóng))為你的Firefox 集成了瀏覽網(wǎng)頁(yè)的同時(shí)隨手可得的豐富開(kāi)發(fā)工具。你可以對(duì)任何網(wǎng)頁(yè)的 CSS、HTML 和 JavaScript 進(jìn)行實(shí)時(shí)編輯、調(diào)試和監(jiān)控…
Firebug 功能介紹
激活
Firebug的激活是基于URL的，遵守相同的來(lái)源策略。這意味著，當(dāng)您在不同的選項(xiàng)卡上打開(kāi)同一個(gè)來(lái)源的頁(yè)面時(shí)，F(xiàn)irebug會(huì)自動(dòng)打開(kāi)。當(dāng)您在同一選項(xiàng)卡中打開(kāi)不同來(lái)源的頁(yè)面時(shí)，它會(huì)自動(dòng)關(guān)閉。另一方面DevTools的激活是基于標(biāo)簽的。這意味著，當(dāng)您在選項(xiàng)卡中打開(kāi)DevTools時(shí)，即使您在不同網(wǎng)站之間切換，它們也會(huì)保持打開(kāi)狀態(tài)。當(dāng)你切換到另一個(gè)標(biāo)簽，但是，他們被關(guān)閉。
打開(kāi)工具
按F12可打開(kāi)Firebug。要打開(kāi)它來(lái)檢查元素，可以按Ctrl+ Shift+ C/ Cmd+ Opt+ C。DevTools共享相同的快捷鍵，但也提供了不同面板的快捷鍵。例如，網(wǎng)絡(luò)監(jiān)視器可以通過(guò)Ctrl+ Shift+ Q/ Cmd+ Opt+ 打開(kāi)Q，Web控制臺(tái)通過(guò)Ctrl+ Shift+ K/ Cmd+ Opt+ K打開(kāi)，調(diào)試器通過(guò)Ctrl+ Shift+ S/ Cmd+ Opt+ 打開(kāi)S。
該Web控制臺(tái)是Firebug的相當(dāng)于控制臺(tái)面板。它顯示與網(wǎng)頁(yè)相關(guān)的日志信息，并允許您通過(guò)命令行執(zhí)行JavaScript表達(dá)式。兩者之間的顯示有所不同。這可能會(huì)改變錯(cuò)誤1269730。
過(guò)濾日志消息
Firebug提供了兩種方法來(lái)過(guò)濾日志消息，通過(guò)選項(xiàng)菜單和工具欄中的過(guò)濾器按鈕。開(kāi)發(fā)者工具控制臺(tái)通過(guò)其工具欄內(nèi)的過(guò)濾器按鈕提供類似的功能- 集中在一個(gè)地方。
命令行API
Firebug中的命令行API提供了一些特殊功能，以方便您使用。開(kāi)發(fā)工具命令行有一些共同的功能，但也有一些其他的功能，錯(cuò)過(guò)了別人。
控制臺(tái)API
從網(wǎng)頁(yè)內(nèi)將東西記錄到控制臺(tái)Firebug 在頁(yè)面中提供了一個(gè)控制臺(tái)API。開(kāi)發(fā)者工具共享相同的API，所以你的console.*語(yǔ)句將繼續(xù)工作。
堅(jiān)持日志
在Firebug中，您可以單擊工具欄中的Persist按鈕以保留頁(yè)面導(dǎo)航和重新加載之間記錄的消息。在DevTools中，這個(gè)選項(xiàng)被稱為啟用日志，并且在“工具箱選項(xiàng)”面板中可用。
服務(wù)器日志
像FirePHP這樣的Firebug擴(kuò)展允許將服務(wù)器端消息記錄到Firebug控制臺(tái)。該功能已經(jīng)使用ChromeLogger協(xié)議集成到DevTools中，不需要安裝任何擴(kuò)展。
命令歷史
該命令歷史記錄可通過(guò)在Firebug的命令行按鈕，可以按↑/↓在DevTools命令行中。
Firebug 安裝教程
1、從華軍軟件園下載Firebug軟件包，將壓縮包解壓后，使用鼠標(biāo)左鍵雙擊打開(kāi)安裝文件。
注：解壓壓縮包需要使用壓縮解壓工具，推薦使用WinRAR，技術(shù)成熟可靠。WinRAR下載地址：http://m.jcdfsy.com/soft/5.htm
2、將解壓后得到的.xpi文件直接拖動(dòng)到 Firefox 瀏覽器的界面中，稍等片刻后，我們就可以在Firefox瀏覽器右上方看到 Firebug 的圖標(biāo)了，這樣就安裝成功了。
Firebug 使用方法
Firebug 的主要菜單選項(xiàng)有控制臺(tái)、HTML、CSS、腳本、DOM、網(wǎng)絡(luò)六個(gè)，上述功能的配合使用能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的各項(xiàng)要求。
1、控制臺(tái)（Console）功能：控制臺(tái)得主要作用是用來(lái)顯示網(wǎng)頁(yè)各類錯(cuò)誤信息，并可對(duì)日志進(jìn)行打印處理。同時(shí)可以在進(jìn)行javascript調(diào)試的時(shí)候當(dāng)作命令行窗口使用，并通過(guò)概況子選項(xiàng)說(shuō)明javascript代碼執(zhí)行的相關(guān)信息。
2、HTML功能：此菜單標(biāo)簽功能，主要用于查看當(dāng)前頁(yè)面的源代碼功能，并可進(jìn)行編輯，實(shí)時(shí)顯示，從而實(shí)現(xiàn)頁(yè)面上佳效果。
3、CSS功能：點(diǎn)擊CSS菜單標(biāo)簽，可查看所有的CSS定義信息，同時(shí)也可以通過(guò)雙擊來(lái)達(dá)到修改頁(yè)面樣式的效果。
4、腳本（Javascript）功能：腳本功能主要是一個(gè)腳本調(diào)試器，可以進(jìn)行單步調(diào)試、斷點(diǎn)設(shè)置、變量查看等功能，同時(shí)通過(guò)右邊的監(jiān)控功能來(lái)實(shí)現(xiàn)腳本運(yùn)行時(shí)間的查看和統(tǒng)計(jì)，提高運(yùn)行效率。
5、DOM功能：該功能主要用于查看頁(yè)面DOM信息，通過(guò)提供的搜索功能實(shí)現(xiàn)DOM的快速準(zhǔn)確定位，并可雙擊來(lái)實(shí)現(xiàn)DOM節(jié)點(diǎn)屬性或值的修改。
6、網(wǎng)絡(luò)（Net）功能：該標(biāo)簽功能主要用來(lái)監(jiān)控網(wǎng)頁(yè)各組成元素的運(yùn)行時(shí)間的信息，方便找出其中運(yùn)行時(shí)間較慢的部分，進(jìn)一步優(yōu)化運(yùn)行效率。
Firebug 和 Chrome 自帶的開(kāi)發(fā)人員工具相比起來(lái)有哪些優(yōu)缺點(diǎn)?
firebug出來(lái)較早，在資深程序員眼里是最愛(ài)，但chrome后來(lái)居上，有些重疊功能也不相上下，甚至更佳。綜合功能來(lái)講，由于Firefox在某些方面，比Chrome還支持得多一些（尤其是html5的某些新特性），因此兩者各有優(yōu)勢(shì)，不分伯仲。
Firebug 更新日志
Firebug 2.0.16與Firefox 30 - 48兼容
Firebug 2.0.16修復(fù)了以下問(wèn)題：8004。
華軍小編推薦：
FireBug(螢火蟲(chóng))一直以來(lái)都是大多數(shù)網(wǎng)民常用的軟件，華軍軟件園還有CnPlugin、WebOffice網(wǎng)頁(yè)編輯控件、jQuery 1.9.1 正式版、串口設(shè)備調(diào)試工具、TortoiseSVN 服務(wù)器配置軟件等同樣是網(wǎng)民非常喜愛(ài)的軟件，大家可以來(lái)華軍軟件園下載！
您的評(píng)論需要經(jīng)過(guò)審核才能顯示
有用
有用
有用