javascript - 如何在 JavaScript 中调试客户端错误？

Question

我有一个window.onerror将 JavaScript 错误发送到我们的服务器的处理程序。我希望通过使用源映射将缩小源中的错误链接回原始代码来分析这些，但 Chrome 和 Firefox 似乎只提供错误行号。据我所知，如果没有列号，源映射就没有用。

那么，给定缩小源的行号和表单的错误消息，x is undefined我可以采取哪些步骤进行调试？

（如果有什么不同，我使用的是 Rails 3.2 中的资产管道）。

Answer 1

Chrome（和 IE10）现在会给你列号作为window.onerror回调中的第四个参数。这是添加列号的 Firefox 错误，但看起来不太有希望。

Answer 2

我建议将 firebug 与 firefox 一起使用，这里有一个教程可以帮助您入门：

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

我已经用它几次来调试非常糟糕的 JS，但是我通常只是这样做：

Firefox 下拉菜单 > Web 开发人员 > Web 控制台。这将向您显示 # 行和抛出的错误（最重要），我发现这通常就足够了，无需进行调试工作。

Answer 3

如果您想使用 Source Maps，您需要下载 Chrome Canary（即 Chrome 的预发布开发版）。

这是一项实验性功能，尚未出现在 Chrome 的主要版本中。（即使在 Canary 中也必须在浏览器选项中显式打开）。