AngularJS：如何强制Chrome的Dev Console向我显示哪条指令导致错误？

Question

我经常从angular.js，googleapi等获得错误，例如“undefined is is a function”。

问题在于我无法弄清楚如何找到导致错误的指令（由我编写）。 通常我可以使用调试器，但是有大量的调用，很难/很长时间找到原始问题。 使用Google API的缩小js时，这更加困难。

有任何线索吗？ 提前致谢

Answer 1

在调试器中使用断点，或者将其放在代码中：

debugger;

如果控制台已启动，代码将停止，帮助您逐步执行操作。 更多信息：https://developer.chrome.com/devtools/docs/javascript-debugging

也许，您将获得更多关于chrome版本https://www.google.fr/chrome/browser/canary.html的信息

Answer 2

在Chrome DevTools的Sources Inspector中，您可以按“暂停”按钮（最右侧的按钮）。这将导致代码在异常之前停止，这可能有助于您确定问题的原因，因为您可以检查范围变量并使用控制台进一步调查调用堆栈。