角2:如何从浏览器控制台在angular2中启用调试

Question

在AngularJS中，我们有一个名为reloadWithDebugInfo()的函数

angular.reloadWithDebugInfo()

它用打开的调试信息重新加载当前应用程序。您可以在浏览器控制台中执行此功能并启用调试。我正在寻找它在角2中的等价物，它可以让我们在开发者控制台中启用调试。但是似乎没有类似的功能可以在浏览器控制台中访问。我知道有一些像enableDebugTools和disableDebugTools这样的函数可以让我们启用和禁用调试，但是不能在浏览器控制台中访问它们。此外，要访问angular2 2的调试工具(如ng & ng.probe )，必须首先启用角2应用程序调试指南中编写的调试工具。

确保您的应用程序禁用了生产模式，以便您可以访问下面描述的所有方法。

我只想知道是否有任何方法可以在角2中使用控制台启用调试工具？

Answer 1

在Angular2开发期间，默认情况下启用调试信息。

需要使用enableDebugTools启用调试工具

对于生产，应该调用enableProdMode()，以消除减缓应用程序速度和增加代码大小的调试信息。

有关如何从控制台访问调试信息的详细信息，请参阅如何访问控制台中的Angular2组件特定数据？。

https://augury.angular.io/提供带有图形用户界面的浏览器插件

因为构建了一个用于部署的角度应用程序，所以在构建应用程序时需要启用这些选项，否则它将不包含在可部署中。