angularjs - 如何在 AngularJS 中获得更多堆栈跟踪

Question

我正在使用装饰器来更改 $exceptionHandler行为，将日志发送到服务器。我的问题是异常的堆栈跟踪似乎没用，只显示堆栈的一部分。例如:

Syntax Error: Token 'undefined' not a primary expression at column NaN of the expression [expression here].

at Error (native)
at throwError (http://localhost:8080/angular/angular.js:6674:62)
at primary (http://localhost:8080/angular/angular.js:6918:9)
at unary (http://localhost:8080/angular/angular.js:6900:14)
at multiplicative (http://localhost:8080/angular/angular.js:6883:16)
at additive (http://localhost:8080/angular/angular.js:6874:16)
at relational (http://localhost:8080/angular/angular.js:6865:16)
at equality (http://localhost:8080/angular/angular.js:6856:16)
at logicalAND (http://localhost:8080/angular/angular.js:6847:16)
at logicalOR (http://localhost:8080/angular/angular.js:6839:41)

有没有办法配置 AngularJS 以显示更多堆栈？如果我查看 Chrome 控制台，我可以看到更多堆栈，并获取文件名，但不在异常处理程序中。

即使我更改 Error限制我看不到原始文件:

Error.stackTraceLimit = Infinity;

Answer 1

1 使用调试器，而不是 Chrome 控制台

谷歌浏览器提供了一个调试器，可以帮助 JS 程序员找到错误和有问题的代码。

As the complexity of JavaScript applications increase, developers need powerful debugging tools to help quickly discover the cause of a issue and fix it efficiently. The Chrome DevTools include several useful tools to help make debugging JavaScript less painful.

您可以尝试在任何您想要的位置放置一些断点(尝试检测有问题的行/方法)。

在此处查看官方文档: Google Chrome Debugger

2 使用浏览器扩展

许多插件，如 ng-inspector或 AngularJS Batarang帮助您打印 AngularJS 程序的状态( Controller 实例、变量名称/值和范围)。

3 使用 $log 服务(console.log 包装器)

AngularJS $log 服务提供了一个简单的资源来在浏览器控制台(如果存在)中打印变量的状态。

Simple service for logging. Default implementation safely writes the message into the browser's console (if present).

The main purpose of this service is to simplify debugging and troubleshooting.

The default is to log debug messages. You can use ng.$logProvider#debugEnabled to change this. AngularJS $log service helps you to debug your program.

在我看来，一个好的 AngularJS 调试包括上述所有解决方案的组合。

我希望它对你有用。