描述

Firebug是一個(gè)非常強(qiáng)大的工具,可以幫助您發(fā)現(xiàn)代碼發(fā)現(xiàn)錯(cuò)誤的錯(cuò)誤并解決錯(cuò)誤。

在此我們使用Firebug來處理Javascript代碼。

首先我們需要加載頁面并打開Firebug。

有時(shí)候您需要重新載入頁面。

在狀態(tài)欄的錯(cuò)誤數(shù)

debug-javascript-firebug


顯示當(dāng)前頁面的錯(cuò)誤

debug-javascript-firebug1


顯示錯(cuò)誤的詳細(xì)信息

debug-javascript-firebug2

一步步調(diào)試代碼

你可以一步步的執(zhí)行代碼。這對(duì)代碼調(diào)試非常有用。

debug-javascript-firebug6

使用斷點(diǎn)調(diào)試

斷點(diǎn)調(diào)試可以終止代碼的執(zhí)行,你可以通過指定代碼范圍來查看錯(cuò)誤是不是在指定代碼范圍內(nèi)。這對(duì)于 錯(cuò)誤調(diào)試很有用。

如果你點(diǎn)擊"Step over(單步跳過)" 按鈕, Firebug 會(huì)更新所有變量直到你在右側(cè)窗口中終止斷點(diǎn)執(zhí)行。

debug-javascript-firebug3

使用表達(dá)式讓斷點(diǎn)工作

你可以寫一個(gè)表達(dá)式,在條件為真時(shí),斷點(diǎn)會(huì)停止代碼的執(zhí)行。

debug-javascript-firebug4

搜索

你可以使用快速搜索來查找代碼中的關(guān)鍵字。

debug-javascript-firebug5