Angular DevTools-提高应用开发效率 - Chrome浏览器插件扩展

Angular DevTools 是一个为 Google Chrome 浏览器设计的扩展，它增强了 Chrome DevTools，提供了专门针对 Angular 应用程序的调试和分析工具。

插件说明

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

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用