firebug是一款firefox下的調(diào)試工具,能夠調(diào)試所有網(wǎng)站語(yǔ)言,如Html,Css等等。但最吸引人的就是javascript調(diào)試功能,使用起來(lái)非常方便,而且在各種
瀏覽器下都能使用(IE,Firefox,Opera, Safari)。還有html,css,dom的查看與調(diào)試,網(wǎng)站整體分析等等功能,小小的軟件有著大大的功能,同時(shí)它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體,是開(kāi)發(fā)JavaScript、CSS、HTML和Ajax的得力助手。有需要的朋友可以在本站下載哦!
安裝教程
1、首先打開(kāi)火狐瀏覽器
2、找到火狐菜單欄》工具》Web開(kāi)發(fā)者》獲取更多工具,單擊它,然后耐心等待
3、然后在打開(kāi)的頁(yè)面里面往下拖動(dòng)“滾動(dòng)條”,找到“它”(一般第一個(gè)就是。),然后單擊“添加到FireFox”。
4、點(diǎn)擊后會(huì)在瀏覽器的左上角出現(xiàn)一個(gè)提示框,然后耐心等待它走完。
5、之后會(huì)出現(xiàn)一個(gè)“軟件安裝”的窗口,點(diǎn)擊“立即安裝”。
6、等待一會(huì),就會(huì)在瀏覽器的左上角出現(xiàn)一個(gè)提示框,提示你已安裝成功。
7、關(guān)閉瀏覽器,重新啟動(dòng)。
8、找到“火狐菜單欄-工具-Web開(kāi)發(fā)者-Firebug-打開(kāi)(小技巧:也可以使用F12快捷鍵打開(kāi))
功能介紹
1、可以隨時(shí)編輯頁(yè)面
在HTML標(biāo)簽中,點(diǎn)擊窗口上方的“inspect”命令,然后再選擇頁(yè)面中的文本節(jié)點(diǎn),你可以對(duì)其進(jìn)行修改,修改結(jié)果會(huì)馬上反應(yīng)在頁(yè)面中。
2、Fire的查看和修改HTM代碼功能
利用Inspect檢查功能,我們還可以用鼠標(biāo)在頁(yè)面中直接選擇一些區(qū)塊,查看相應(yīng)的HTML源代碼和CSS樣式表,真正的做到所見(jiàn)即所得,如果你使用了外部編輯器修改了當(dāng)前網(wǎng)頁(yè),可以點(diǎn)擊它的reload圖片重新載入網(wǎng)頁(yè),它會(huì)繼續(xù)跟蹤你之前用Inspect選中的區(qū)塊,方便調(diào)試。
3、rj 的DOM功能
該功能主要用于查看頁(yè)面DOM信息,通過(guò)提供的搜索功能實(shí)現(xiàn)DOM的快速準(zhǔn)確定位,并可雙擊來(lái)實(shí)現(xiàn)DOM節(jié)點(diǎn)屬性或值的修改。
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、軟件的網(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)行效率。
軟件組件
1、選項(xiàng)
2、在頁(yè)面上點(diǎn)擊檢查元素
3、撤銷(xiāo)與恢復(fù)
4、顯示命令行
5、面板選擇
6、控制臺(tái)
7、HTML面板
8、CSS面板
9、腳本面板
10、DOM面板
11、網(wǎng)絡(luò)面板 (用于網(wǎng)頁(yè)測(cè)速和優(yōu)化)
小編點(diǎn)評(píng)
Firebug的網(wǎng)絡(luò)面板可以顯示網(wǎng)頁(yè)加載過(guò)程中的所有網(wǎng)絡(luò)請(qǐng)求和響應(yīng)。您可以查看每個(gè)請(qǐng)求的詳細(xì)信息,例如請(qǐng)求頭、響應(yīng)頭、請(qǐng)求時(shí)間等。這對(duì)于優(yōu)化網(wǎng)頁(yè)性能非常有用。
0條評(píng)論