新聞中心
Angular 團(tuán)隊宣布推出 Angular DevTools,一個 Chrome DevTools 擴展,可以用來幫助檢查應(yīng)用程序的結(jié)構(gòu)并分析其性能。

日前,Angular 曾針對 Angular 開發(fā)者進(jìn)行了一項調(diào)查發(fā)現(xiàn),大多數(shù)人都需要更好的工具來調(diào)試其應(yīng)用程序。其確定了最需要關(guān)注的領(lǐng)域包括有:錯誤信息的改進(jìn)、理解變化檢測的執(zhí)行、理解注入器層次結(jié)構(gòu)和 provider 實例化,以及組件結(jié)構(gòu)的可視化。
作為改善調(diào)試體驗項目的一部分,開發(fā)團(tuán)隊已經(jīng)為全局ng對象引入了新的 API。并致力于改善 Angular 的錯誤信息,提供了更多關(guān)于如何解決這些問題的信息和可操作的指導(dǎo)。為了讓開發(fā)者更好地了解如何配置應(yīng)用程序,其還提供了有關(guān)使用 Chrome DevTools 進(jìn)行性能分析的內(nèi)容。
Angular 方面稱,為了解決其余的問題,并提供一個基于 Chrome DevTools 功能的 Angular 專用視圖,該團(tuán)隊與 Rangle.io 合作開發(fā)了 Angular DevTools。Rangle 團(tuán)隊曾為 Angular 構(gòu)建了第一個調(diào)試工具 Augury,該工具已經(jīng)為社區(qū)服務(wù)了多年。在此次合作中,雙方重用了從 Augury 獲得的經(jīng)驗教訓(xùn),從頭開始開發(fā)了 Angular DevTools。
在當(dāng)前版本中,Angular DevTools 專注于組件結(jié)構(gòu)的可視化、以及理解變化檢測的執(zhí)行。與 Augury 相似,Angular DevTools 提供了一個組件瀏覽器,可讓用戶預(yù)覽應(yīng)用程序的結(jié)構(gòu)。
它還提供了一個變化檢測周期的概述,幫助開發(fā)人員找到性能瓶頸,從而可以為用戶提供 60fps 的體驗。
Angular DevTools 支持用 Angular v9 及以上版本構(gòu)建的、啟用了 Ivy 的應(yīng)用程序。官方表示,Angular DevTools 提供了重要的缺失部分,可幫助用戶更好地了解應(yīng)用程序的結(jié)構(gòu)和運行時性能。在 Angular DevTools 的未來版本中,團(tuán)隊將致力于填補 Augury 的功能空白,并根據(jù)用戶的要求考慮添加最具影響力的功能。
詳情可查看官方公告:https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f
本文轉(zhuǎn)自O(shè)SCHINA
本文標(biāo)題:Angular DevTools 擴展發(fā)布,幫助改善調(diào)試體驗
本文地址:https://www.oschina.net/news/142461/angular-devtools
分享名稱:AngularDevTools擴展發(fā)布,幫助改善調(diào)試體驗
文章地址:http://www.dlmjj.cn/article/ccsedde.html


咨詢
建站咨詢
