Angular DevTools | 扩展发布，帮助改善调试体验

Angular DevTools插件概述

Angular 曾针对 Angular 开发者进行了一项调查发现，大多数人都需要更好的工具来调试其应用程序。其确定了最需要关注的领域包括有：错误信息的改进、理解变化检测的执行、理解注入器层次结构和 provider 实例化，以及组件结构的可视化。作为改善调试体验项目的一部分，开发团队已经为全局ng对象引入了新的 API。并致力于改善 Angular 的错误信息，提供了更多关于如何解决这些问题的信息和可操作的指导。为了让开发者更好地了解如何配置应用程序，其还提供了有关使用 Chrome DevTools 进行性能分析的内容。

Angular DevTools插件功能

1、在当前版本中，Angular DevTools 专注于组件结构的可视化、以及理解变化检测的执行。与 Augury 相似，Angular DevTools 提供了一个组件浏览器，可让用户预览应用程序的结构。

2、在当前版本中，Angular DevTools 专注于组件结构的可视化、以及理解变化检测的执行。与 Augury 相似，Angular DevTools 提供了一个组件浏览器，可让用户预览应用程序的结构。

3、它还提供了一个变化检测周期的概述，帮助开发人员找到性能瓶颈，从而可以为用户提供 60fps 的体验。

4、Angular DevTools 支持用 Angular v9 及以上版本构建的、启用了 Ivy 的应用程序。官方表示，Angular DevTools 提供了重要的缺失部分，可帮助用户更好地了解应用程序的结构和运行时性能。在 Angular DevTools 的未来版本中，团队将致力于填补 Augury 的功能空白，并根据用户的要求考虑添加最具影响力的功能。

插件下载地址：

此处内容已经被作者无情的隐藏，请输入验证码查看内容：

验证码：

请关注本站公众号回复“验证码”，获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。