从外部调试angular应用(仅限浏览器控制台)

Debug angular app from outside (browser console only)

本文关键字：浏览器 控制台 调试 angular 应用 从外部      更新时间：2023-09-26

我有这个角网站，由于某种原因不能调试，当一切都在一起(不缩小)。例如，如果我尝试设置一个断点，断点将被放置在其他地方(在另一个文件的底部):(

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

在我当前的情况下，我需要在一个服务方法中设置一个断点。所以我想，我需要那个服务的参考资料。但是角把这些放在哪里。例如，我尝试了这个

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

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

这是另一个失败的尝试:

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

任何关于如何做到这一点的帮助将是感激的?

UPDATE: Find a way to access a service

$> angular.injector(['myApp']).get('someService').someMethod
然而，在我的例子中，这个函数最初只被调用

如果您正在尝试调试现场生产应用程序，可能有机会在debug info被禁用的网站，这实际上是对网站的increase performance所做的。所以在控制台中使用angular.reloadWithDebugInfo();，然后尝试调试。

相关文章：