大名鼎鼎的Firebug絕對是用來(lái)幫助您進(jìn)行前端開(kāi)發(fā)和調試的利器,這里我們絕對要把他收錄到開(kāi)發(fā)者必備精選集中。
Firebug同Firefox連接在一起,形成了強大的網(wǎng)頁(yè)開(kāi)發(fā)工具。您可以通過(guò)Firebug來(lái)編輯、調試和監控任何頁(yè)面的CSS、HTML和JavaScript。

通過(guò)Firebug可以很簡(jiǎn)單的查找頁(yè)面中的HTML元素。并且在您找到了需要的HTML元素之后,Firebug還提供了大量的相關(guān)信息,并且允許您動(dòng)態(tài)的編輯HTML元素及其屬性。
Firebug的CSS標簽可以告訴您所有需要的style信息,如果您不喜歡現在的樣式,直接就可以編輯CSS規則改變這些樣式。
調試中,您設計的CSS盒子模型可能不象想象中那樣整齊,而這些模型又都很難懂或者難以想象。Firebug完全可以幫助您,他能夠顯示出正確的盒子模型以及一些關(guān)鍵的數據,比如大小阿、margin阿、邊界阿、內邊距阿等等。
頁(yè)面讀取花費了很長(cháng)時(shí)間?為什么?是不是寫(xiě)了很多的JavaScript?還是忘記壓縮圖片了?是不是頁(yè)面上引用的第三方資源太慢了?Firebug可以一項一項的把這些關(guān)鍵點(diǎn)都列出來(lái),讓您知道頁(yè)面讀取的細節信心。
Firebug中包含了一個(gè)非常強大的JavaScript調試器,您可以在任何時(shí)候給頁(yè)面中的代碼設置斷點(diǎn),然后從調試器進(jìn)入到代碼的世界,查看變量值等等。如果您的代碼有點(diǎn)慢,不妨使用JavaScript的分析工具來(lái)測量一下性能,快速找到瓶頸所在。
Firebug能夠在第一時(shí)間內向您報告出頁(yè)面上包含的錯誤,包括JavaScript、CSS和XML的錯誤信息。
DOM即文檔對象模型,是HTML頁(yè)面形成的關(guān)鍵數據結構,他把頁(yè)面中所有的HTML元素拼裝成一個(gè)模型中,以便JavaScript代碼來(lái)控制他們。Firebug能夠幫助您查找并詳細查看DOM對象,甚至能夠直接動(dòng)態(tài)編輯這些DOM對象。
命令行是所有編程工具中最古老的一種了。Firebug也給您提供了這種懷舊的但是確實(shí)強大的命令行工具,可以方便您直接在命令上使用JavaScript。
有時(shí)候光有強勁的調試器還不夠,可能簡(jiǎn)單的在控制臺上輸出大量運行信息是更為直接和快速的方式。Firebug給您提供了一系列同樣強大的日志輸出函數可以幫助到您。
需要在其他瀏覽器上使用Firebug?現在有福了,可以用Firebug Lite,還包括在Chrome上的擴展哦!
聯(lián)系客服