如何在JavaScript中調試客戶端錯誤？

Question

我有一個window.onerror處理程序發送JavaScript錯誤到我們的服務器。我希望通過使用源映射將縮小的源代碼中的錯誤鏈接回原始代碼來分析這些內容，但似乎Chrome和Firefox只提供錯誤的行號。據我所見，源圖沒有列號是沒有用的。

因此，給定一個縮小的行數和x is undefined形式的錯誤消息，我可以採取哪些步驟進行調試？

（如果它有什麼不同，我在Rails 3.2中使用資產管道）。

Answer 1

如果你想使用源地圖，你需要下載Chrome Canary（即預發佈版本的Chrome）。

這是一個實驗性功能，目前尚未發佈在主要的Chrome版本中。 （即使在加那利，它也必須在瀏覽器選項中明確打開）。

Answer 2

我建議使用Firebug與Firefox，這裏有一個教程，讓你開始：

http://thecodecentral.com/2007/08/01/debug-javascript-with-firebug

我這個用了幾次調試非常糟糕的JS，但我通常只是這樣做：

Firefox下拉菜單> Web開發人員> Web控制檯。這會告訴你＃行和錯誤被拋出（最重要），我發現它通常是足夠的，而不需要經過調試工作。

Answer 3

Chrome（和IE10）現在會爲您提供列號，作爲window.onerror回調中的第四個參數。 Here's the Firefox bug for adding column numbers，但它看起來不太有希望。