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

Question

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

因此，給定最小行的行號，並且x is undefined格式的錯誤消息，我可以采取哪些步驟進行調試？

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

Answer 1

Chrome（和IE10）現在將為您提供列號，作為window.onerror回調中的第四個參數。 這是Firefox的用於添加列號的bug ，但看起來不太理想 。

Answer 2

如果要使用源地圖，則需要下載Chrome Canary（即Chrome的預發行版）。

這是一項實驗性功能，尚不在主要的Chrome版本中。 （即使在Canary中，也必須在瀏覽器選項中將其顯式打開）。

Answer 3

我建議將firebug與firefox結合使用，這是一個入門指南：

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

我已經多次使用它來調試非常糟糕的JS，但是我通常只是這樣做：

Firefox下拉菜單> Web開發人員> Web控制台。 這將向您顯示行號和引發的錯誤（最重要的錯誤），我發現通常無需進行調試即可就足夠了。