如何在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，但它看起来不太有希望。