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

时间:2017-01-20 13:51:25

标签: angularjs debugging angular

AngularJS中,我们有一个名为reloadWithDebugInfo()

的函数
angular.reloadWithDebugInfo()

在启用调试信息的情况下重新加载当前应用程序。可以在浏览器控制台中执行此功能并启用调试。我正在寻找Angular 2中的等价物,它可以让我们在开发者控制台中启用调试。但似乎没有相同的功能可以在浏览器控制台中访问。我知道有enableDebugToolsdisableDebugTools这样的函数可以让我们启用和禁用调试,但是无法在浏览器控制台中访问它们。并且还可以访问angular2的调试武器,例如ng& ng.probe,必须首先启用调试工具,如Angular 2 Application Debugging Guide

中所述
  

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

我只是想知道有没有办法在Angular 2中使用控制台启用调试工具?

1 个答案:

答案 0 :(得分:2)

在Angular2中开发期间默认启用调试信息。

需要使用enableDebugTools

启用调试工具

对于生产enableProdMode()应调用以消除调试信息,这会降低应用程序的速度并增加代码大小。

有关如何从控制台访问调试信息的详细信息,请参阅how to access Angular2 component specific data in console?

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

由于Angular应用程序是为部署而构建的,因此在构建应用程序时需要启用这些选项,否则它将不会包含在deployable中。