Angular DevTools

Chrome浏览器插件下载和安装教程(图文讲解)

Angular DevTools 扩展了 Chrome DevTools,添加了 Angular 特定的调试和分析功能。

您可以使用 Angular DevTools 来了解应用程序的结构并查看指令和组件实例的状态。要深入了解应用程序的执行情况,您可以使用探查器选项卡,该选项卡向您显示各个更改检测周期、触发它们的原因以及 Angular 在其中花费的时间。您还可以检查和可视化应用程序的依赖项注入树,以更好地了解将任何令牌解析为特定服务的方式和原因。