Angular团队发布了AngularDevTools，这是一个ChromeDevTools扩展，可用于帮助检查应用程序的结构并分析其性能。Angular最近对Angular开发人员进行了一项调查，发现他们中的大多数人需要更好的工具来调试他们的应用程序。被确定为最需要关注的领域包括：错误消息改进、理解变更检测实现、理解注入器层次结构和提供者实例化，以及组件结构的可视化。作为改善调试体验项目的一部分，开发团队为全局ng对象引入了一个新的API。并致力于改进Angular的错误消息，提供更多关于如何修复它们的信息和可操作的指导。为了让开发人员更好地了解如何分析应用程序，它还提供了有关使用ChromeDevTools进行分析的内容。Angular表示，为了解决遗留问题并提供基于ChromeDevTools功能的Angular特定视图，团队与Rangle.io合作开发了AngularDevTools。Rangle团队构建了Augury，这是Angular的第一个调试工具，多年来一直为社区服务。在这次合作中，双方重新利用了从Augury中吸取的经验教训，从头开始开发AngularDevTools。在当前版本中，AngularDevTools专注于可视化组件结构和理解变更检测的实现。与Augury类似，AngularDevTools提供了一个组件浏览器，允许用户预览应用程序的结构。它还提供了变更检测周期的概述，帮助开发人员找到性能瓶颈，从而为用户提供60fps的体验。AngularDevTools支持使用Angularv9及更高版本构建的支持Ivy的应用程序。据官方介绍，AngularDevTools提供了一个重要的缺失部分，以帮助用户更好地了解应用程序的结构和运行时性能。在AngularDevTools的未来版本中，团队将致力于填补Augury的功能空白，并考虑根据用户请求添加最具影响力的功能。详情请查看官方公告：https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f/news/142461/angular-devtools
