javascript - 从外部调试 Angular 应用程序(仅限浏览器控制台)

Question

我有一个 Angular 网站，由于某种原因，当所有内容都连接在一起(未缩小)时无法调试。例如，如果我尝试设置断点，则断点会放置在其他位置(在其他文件的底部):(

因此，为了克服这个问题，我想使用浏览器控制台设置一个断点(当然如果可能的话)。

在我目前的情况下，我需要在服务方法内设置断点。所以我想，我需要持有该服务的引用资料。但是 Angular 将这些保存在哪里。例如，我尝试过这个

$> var myApp = angular.module('myApp');
$> debug(myApp.injector('someSevice').someMethod);

如果这可行，我希望调试器在调用 someMethod 时启动。

这是另一个失败的尝试:

$> myApp.run((someService) => { debug(someService.someMethod)});

任何有关如何执行此操作的帮助将不胜感激？

更新:找到访问服务的方法

$> angular.injector(['myApp']).get('someService').someMethod

但是，就我而言，该函数仅在最初被调用

Answer 1

如果您尝试调试实时生产应用程序，则 debug info 可能会出现对于实际执行到 increase performance 的网站已禁用网站的。所以使用 angular.reloadWithDebugInfo();在控制台中然后尝试调试。