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

Question

在AngularJS 中，我们有一个函数叫做reloadWithDebugInfo()

angular.reloadWithDebugInfo()

在打开调试信息的情况下重新加载当前应用程序。可以在浏览器控制台中执行此功能并启用调试。我正在寻找它在Angular 2 中的等价物，它可以让我们在开发者控制台中启用调试。但似乎没有可以在浏览器控制台中访问的等效功能。我知道有类似的功能enableDebugTools和disableDebugTools它让我们启用和禁用调试，但在浏览器控制台一个不能访问它们。而且要访问 angular2 的调试武器，如ng& ng.probe，必须首先启用调试工具，如Angular 2 应用程序调试指南中所述：

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

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

Answer 1

Angular2 开发过程中默认启用调试信息。

需要启用调试工具enableDebugTools

对于生产，enableProdMode()应该调用它来消除会减慢应用程序速度并增加代码大小的调试信息。

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

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

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