2012-11-19 187 views
-1

我有這個腳本,我無法通過試驗和錯誤進行調試。什麼是調試JavaScript的首選EASY方式?如何使用Firebug跟蹤錯誤,就像我使用Firebug進行css調試一樣容易?爲初學者調試Javascript

http://jsfiddle.net/infatti/72QPC/5/

var options1 = { 
    valueNames: [ 'filterUrgency', 'filterType', 'ID', 'Type', 'Task', 'Project', 'Status', 'DueDate', 'Region', 'Market', 'Title', 'Author', 'Published' ] 
}; 

//sorter 1 --------------------------------------------- 
var sortedList1 = new List('sorter-1', options1); 

//sorter 2 --------------------------------------------- 
var sortedList2 = new List('sorter-2', options1); 
+1

'List'在你上面的例子中是未定義的。但這不是真正的問題類型 - 谷歌是你最好的朋友。 – ahren

+0

這很簡單。沒有'List'構造函數,所以當你試圖從它構造時,你會得到一個引用錯誤。你忘了導入一個庫或其他東西? –

+0

首先看看控制檯。你注意到了嗎? '未捕獲的ReferenceError:List沒有被定義'這意味着'List'類沒有被定義。這很可能與該控制檯消息之前發生的404之一有關。 –

回答

0

開始打開的Firebug的「控制檯」選項卡以檢查是否有錯誤被拋出。

通常,如果發生錯誤,可以在控制檯中查找它發生的位置(在哪一行),因此在代碼中找到該行並不重要,然後決定在該行之前的某處設置斷點(如有必要)。

您可以在「腳本」選項卡中設置斷點。只需選擇文件,然後單擊行號,然後觸發代碼執行(例如重新加載頁面)。執行將在該中斷點停止。然後可以分析狀態(例如局部變量的值和參數)。

+0

謝謝。如果我選擇螢火蟲「下一個打破」(腳本標籤左上角的按鈕)怎麼辦?這似乎是快速找到錯誤的好方法? – simple

+0

@simple通常,如果發生錯誤,您可以在控制檯中查找它發生的位置(在哪一行),因此在代碼中查找該行很簡單,然後決定在該行之前的某個位置設置斷點如果需要的話)。 –