谷歌 Chrome 发布 Angular DevTools 扩展工具

Angular DevTools是一个新的Chrome扩展,为Angular应用程序提供调试和分析功能。

谷歌已经发布了Angular DevTools,这是一个Chrome DevTools扩展,用于检查用Angular框架构建的应用程序的结构和剖析性能。

Angular DevTools是与工具制造商Rangle.io联合开发的,于5月18日推出,主要是对组件结构的可视化和了解变化检测的执行情况。该扩展可在Chrome网络商店中找到。

与Rangle.io为Angular开发的Augury调试工具类似,Angular DevTools提供了一个组件资源管理器来预览应用结构,并提供变化检测周期的概述,帮助揭示性能瓶颈,使开发人员能够提供60fps的体验。剖析器标签显示了单个变化检测周期、触发它们的因素以及Angular在其中花费的时间。变化检测周期可以实时预览。

Angular DevTools支持用Angular 9及以后版本构建的应用程序。该扩展的未来版本有望填补与Augury的功能差距,根据请求计入最具影响力的功能。Angular DevTools是Web开发工具链的一部分,该工具链还包括Angular CLI、语言服务、PWA(渐进式Web应用)和组件。

Angular 12是谷歌流行的基于TypeScript的网络开发框架的当前最新版本。它于5月12日发布。

原文链接:www.infoworld.com/article/361…