FireBug是針對(duì)火狐瀏覽器開發(fā)的一款瀏覽器插件，該插件可以對(duì)網(wǎng)頁(yè)中的HTML、CSS、Javascript等代碼進(jìn)行查看和編輯，幫助用戶對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試。FireBug可以幫助我們精準(zhǔn)分析網(wǎng)頁(yè)代碼，輕松查找網(wǎng)頁(yè)代碼之中的BUG，是從事網(wǎng)頁(yè)開發(fā)相關(guān)人員不可或缺的一款工具，有需要的朋友趕緊下載使用吧！


 

FireBug網(wǎng)頁(yè)調(diào)試軟件使用教程

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網(wǎng)頁(yè)調(diào)試軟件功能介紹

你可以編輯、調(diào)試和監(jiān)控任何網(wǎng)頁(yè)上的 CSS、HTML 和 Javascript。而且可以在線的時(shí)候修改dom非常彈大的插件．

用Firebug + Firefox 組成最強(qiáng)大的網(wǎng)頁(yè)調(diào)試工具。

文件的擴(kuò)展外是 xpi 直接拖入到 FireFox中就可以安裝了。

安裝好后按 F12 就會(huì)彈出調(diào)試窗口