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