在火狐瀏覽器中安裝完Firebug后勉失,下面我們就來看一下如何使用Firebug調(diào)試javaScript代碼。
二障陶、使用Firebug調(diào)試
這里有我們?cè)?a target="_blank" rel="nofollow">調(diào)試過程中經(jīng)常使用到的6個(gè)菜單欄形真,上面我們已經(jīng)用紅色邊框圈出。
1.控制臺(tái)
我們?cè)谡{(diào)試代碼中大咱,經(jīng)常會(huì)使用的輸出語句,打印出某段代碼執(zhí)行的結(jié)果注益,看是否正確碴巾。
2.HTML
Fire的查看和修改HTM代碼功能:
利用Inspect檢查功能,我們還可以在頁面中直接選中一些區(qū)域聊浅,查看相應(yīng)的HTML源代碼餐抢,如果你使用了外部編輯器修改了當(dāng)前網(wǎng)頁,可以點(diǎn)擊Firebug的reload圖片重新載入網(wǎng)頁低匙,它會(huì)繼續(xù)跟蹤你之前用Inspect選中的區(qū)塊旷痕,方便調(diào)試。
3.CSS
查看和編輯CSS樣式表顽冶,和HTML的使用是一一致的欺抗,這里是用來修改CSS樣式的
4.DOM
主要用于查看頁面DOM信息,通過提供的搜索功能實(shí)現(xiàn)DOM的快速準(zhǔn)確定位强重,并可雙擊來實(shí)現(xiàn)DOM節(jié)點(diǎn)屬性或值的修改
5.腳本
這主要是一個(gè)腳本調(diào)試器绞呈,可以進(jìn)行單步調(diào)試、斷點(diǎn)設(shè)置间景、變量查看等功能佃声,同時(shí)通過右邊的監(jiān)控功能來實(shí)現(xiàn)腳本運(yùn)行時(shí)間的查看和統(tǒng)計(jì),提高運(yùn)行效率倘要。
6.網(wǎng)絡(luò)
主要用來監(jiān)控網(wǎng)頁各組成元素的運(yùn)行時(shí)間的信息圾亏,方便找出其中運(yùn)行時(shí)間較慢的部分,進(jìn)一步優(yōu)化運(yùn)行效率封拧。