Firebug是基于火狐瀏覽器開(kāi)發(fā)的一款網(wǎng)頁(yè)調(diào)試插件,軟件可以完美安裝在火狐瀏覽器之中,幫助用戶(hù)對(duì)指定網(wǎng)頁(yè)進(jìn)行調(diào)試。Firebug能夠?qū)W(wǎng)頁(yè)中的所有CSS、HTML 和 Javascript元素進(jìn)行監(jiān)控和調(diào)試,幫助用戶(hù)輕松找到網(wǎng)頁(yè)中存在錯(cuò)誤的地方,是前端開(kāi)發(fā)人員必備的一款插件,有需要的朋友趕緊下載使用吧!
Firebug使用說(shuō)明
如何使用谷歌chrome瀏覽器上的firebug(以chrome8為例):
1、首先點(diǎn)擊“設(shè)置”圖標(biāo)(關(guān)閉按鈕下面的),找到“工具”,點(diǎn)擊其中的“擴(kuò)展程序”菜單項(xiàng)。出現(xiàn)的頁(yè)面上點(diǎn)擊“獲得更多擴(kuò)展程序>>”(看完后也可以忽略前二步)
2、新開(kāi)的頁(yè)面是谷歌瀏覽器擴(kuò)展下載官網(wǎng),在搜索中輸入firebug,你就可以找到這個(gè)擴(kuò)展工具,然后點(diǎn)擊鏈接后在點(diǎn)擊“安裝”。
3、安裝完畢,在設(shè)置按鈕旁邊會(huì)有一只蟲(chóng)子的圖標(biāo),這個(gè)就是firebug了。
4、這個(gè)時(shí)候圖標(biāo)是灰色的,說(shuō)明它沒(méi)有生效,你只要打開(kāi)一個(gè)新的網(wǎng)頁(yè),然后點(diǎn)擊圖標(biāo),讓其變?yōu)椴噬?。最后在?yè)面上打開(kāi)右鍵菜單,選擇“審查元素”就可以了。 運(yùn)行后,網(wǎng)頁(yè)和firebug會(huì)各自占用半個(gè)屏幕,你只要點(diǎn)擊firebug左下角(也就是瀏覽器左下角)的放大鏡圖案,然后鼠標(biāo)移到你要觀察的網(wǎng)頁(yè)元素上面,再點(diǎn)擊左鍵就可以開(kāi)始研究html和css代碼了。 目前為止,firebug應(yīng)該是網(wǎng)頁(yè)開(kāi)發(fā)中最好的工具了。還沒(méi)有任何一個(gè)工具可以超越它。
Firebug軟件特色
【過(guò)慮日志信息】
Firebug提供了二種方式 來(lái)過(guò)慮日志信息,根據(jù)選擇項(xiàng)萊單和菜單欄中的過(guò)濾裝置按鍵。微信開(kāi)發(fā)工具控制臺(tái)根據(jù)其菜單欄內(nèi)的過(guò)濾裝置按鍵提供相近的作用-集中化在一個(gè)地區(qū)。
【命令行API】
Firebug中的命令行API提供了一些獨(dú)特作用,以便捷您應(yīng)用。開(kāi)發(fā)環(huán)境命令行有一些一同的作用,但也是有一些別的的作用,錯(cuò)過(guò)他人。
【控制臺(tái)API】
從網(wǎng)頁(yè)頁(yè)面內(nèi)將物品紀(jì)錄到控制臺(tái)Firebug在網(wǎng)頁(yè)頁(yè)面中提供了一個(gè)控制臺(tái)API。微信開(kāi)發(fā)工具共享同樣的API,因此你的console.*句子將再次工作中。
【堅(jiān)持不懈日志】
在Firebug中,您能夠點(diǎn)擊菜單欄中的Persist按鍵以保存導(dǎo)航菜單和重新加載中間紀(jì)錄的信息。在DevTools中,這一選擇項(xiàng)被稱(chēng)作開(kāi)啟日志,而且在“輔助工具選擇項(xiàng)”控制面板中能用。
【網(wǎng)絡(luò)服務(wù)器日志】
像FirePHP那樣的Firebug拓展容許將服務(wù)端信息紀(jì)錄到Firebug控制臺(tái)。該作用早已應(yīng)用ChromeLogger協(xié)議書(shū)集成化到DevTools中,不用安裝一切拓展。
【指令歷史時(shí)間】
該指令歷史數(shù)據(jù)可根據(jù)在Firebug的命令行按鍵,能夠按↑/↓在DevTools命令行中。