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


AngularJS,我们有一个名为
reloadWithDebugInfo()的功能

angular.reloadWithDebugInfo()

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

Make sure your application has production mode disabled so that you
can have access to the all the methods described below.

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

最佳答案 默认情况下,在Angular2的开发期间启用调试信息.

需要使用enableDebugTools启用调试工具

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

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

https://augury.angular.io/提供具有图形UI的浏览器插件

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

点赞