发生未处理的异常时想要获取 Javascript 堆栈跟踪/调用堆栈

Question

有时我会在 jQuery UI js 文件的一行中收到错误或未处理的异常。我知道问题是一个空或 null 对象或属性被传递给 jQuery。例如，在 Chrome 中，我收到“未捕获的类型错误”错误。

做一些手工工作我可以找到罪魁祸首，我可以更好地处理错误。这可能需要一些时间。

但是，我正在寻找一种快速的自动方法，通过查看异常发生时的堆栈跟踪来找到罪魁祸首。是否有内置此功能的现代浏览器？

或者是某个 JavaScript 错误处理程序，它可以在全局级别上处理所有已加载的 js 文件？

我查看了this article，但似乎我必须在所有目标函数中添加 printStackTrace()。如果我的代码有很多功能，我不太喜欢这个主意。

Answer 1

在 webkit（chrome 或 safari 使用的）调试工具中，单击顶部的脚本部分。然后在底部寻找带有两条垂直线的六边形图标。单击该按钮将导致 javascript 执行因错误而暂停。在右侧，您将看到调用堆栈，您可以在其中跟踪所有内容。