Firefox中的Javascript调试：如何显示错误的调用堆栈

Question

我正在做一个Web应用程序。 在Firefox中，我可以使用Web Developer的Debugger工具。

在我的Javascript代码中，我在Firefox中收到了错误

TypeError: a is undefined

上面的错误发生在jQuery中。

我知道我传递给jQuery的数据不对。 但是，我的代码中有许多jQuery调用，我不知道哪个调用会导致此错误。

无论如何要显示通过Debugger导致错误的堆栈调用？ Java显示错误堆栈跟踪的方式？

谢谢！

Answer 1

这就是我做的。

使用jQuery的开发版本（不是带有min的文件）。

在jQuery中找到错误行。 在此之前，插入以下内容：

console.trace();

console.trace（）显示跟踪。

我不确定是否有更简单的方法。

希望这有助于其他人。

干杯。

Answer 2

2018年7月更新

上下文：我碰到了这个问题，因为我再也找不到FF控制台调试器工具中的堆栈跟踪（FF 61）。

在随后的许多版本中，在原始问题的时代，堆栈跟踪在控制台中很明显（F12）。 但是尽管今天在FF42 +的官方文档中有所说（请参阅https://developer.mozilla.org/en-US/docs/Tools/Debugger ），我无法再在控制台中看到“调用堆栈”选项卡Firefox 61. 诀窍是通过遵循他们的提示恢复到旧的调试前端：

在浏览器的about：config部分中将“devtools.debugger.new-debugger-frontend”首选项设置为false。

重新启动，然后调试堆栈选项卡应显示在调试控制台的左侧（参见附图）。