使用Firebug的Firefox中的角度堆栈跟踪

Question

我正在Angular开发一个webapp，我正在使用Firefox和Firebug进行调试。

每当我的Angular中出现错误时，它都无法正确显示堆栈跟踪。相反，它在console.log中显示了类似的东西：

在Chrome中，我获得了一个很好的堆栈跟踪，其中包含指向错误定义的可点击链接：

我是否被迫切换到Chrome以便在Angular中进行开发，还是有解决方法？

Answer 1

尝试用非缩小版替换Angular的缩小版本 如果是注射问题，您将在控制台中获得更有意义的反馈 作为更一般的答案，调试角度的最佳工具是AngularJS Batarang和ng-inspector，是的，它们是Chrome扩展程序。

Answer 2

Firefox有一个名为 AngScope 的单一插件，这是非官方的，但在Firefox中调试angular.js时似乎非常有用。如果您不想切换到chrome，那么值得尝试。

Answer 3

您可以将这两个文件与angular.min.js.map一起使用，而不是用angular.js替换angular.min.js。 Firefox将识别源映射文件，并从非缩小源中提取更好的错误消息和堆栈跟踪。

Answer 4

您将需要切换到Chrome的开发者工具以获得更好的堆栈跟踪。但是，可能有一个Firefox的插件/扩展程序可以为您清理一些内容，因此请确保在做出决定之前进行一些研究。

但是当比较香草和香草时，Chrome就是你想要的。

Answer 5

当您将angular.js包含在Web应用程序中时，可以在Firebug中为错误链接定义获取相同的可单击功能。 Firebug能够显示Angular应用程序的行号（发生部分错误）。