Angular 團(tuán)隊(duì)宣布推出 Angular DevTools，一個(gè) Chrome DevTools 擴(kuò)展，可以用來(lái)幫助檢查應(yīng)用程序的結(jié)構(gòu)并分析其性能。

日前，Angular 曾針對(duì) Angular 開發(fā)者進(jìn)行了一項(xiàng)調(diào)查發(fā)現(xiàn)，大多數(shù)人都需要更好的工具來(lái)調(diào)試其應(yīng)用程序。其確定了最需要關(guān)注的領(lǐng)域包括有：錯(cuò)誤信息的改進(jìn)、理解變化檢測(cè)的執(zhí)行、理解注入器層次結(jié)構(gòu)和 provider 實(shí)例化，以及組件結(jié)構(gòu)的可視化。

作為改善調(diào)試體驗(yàn)項(xiàng)目的一部分，開發(fā)團(tuán)隊(duì)已經(jīng)為全局ng對(duì)象引入了新的 API。并致力于改善 Angular 的錯(cuò)誤信息，提供了更多關(guān)于如何解決這些問(wèn)題的信息和可操作的指導(dǎo)。為了讓開發(fā)者更好地了解如何配置應(yīng)用程序，其還提供了有關(guān)使用 Chrome DevTools 進(jìn)行性能分析的內(nèi)容。

Angular 方面稱，為了解決其余的問(wèn)題，并提供一個(gè)基于 Chrome DevTools 功能的 Angular 專用視圖，該團(tuán)隊(duì)與 Rangle.io 合作開發(fā)了 Angular DevTools。Rangle 團(tuán)隊(duì)曾為 Angular 構(gòu)建了第一個(gè)調(diào)試工具 Augury，該工具已經(jīng)為社區(qū)服務(wù)了多年。在此次合作中，雙方重用了從 Augury 獲得的經(jīng)驗(yàn)教訓(xùn)，從頭開始開發(fā)了 Angular DevTools。

在當(dāng)前版本中，Angular DevTools 專注于組件結(jié)構(gòu)的可視化、以及理解變化檢測(cè)的執(zhí)行。與 Augury 相似，Angular DevTools 提供了一個(gè)組件瀏覽器，可讓用戶預(yù)覽應(yīng)用程序的結(jié)構(gòu)。

它還提供了一個(gè)變化檢測(cè)周期的概述，幫助開發(fā)人員找到性能瓶頸，從而可以為用戶提供 60fps 的體驗(yàn)。

Angular DevTools 支持用 Angular v9 及以上版本構(gòu)建的、啟用了 Ivy 的應(yīng)用程序。官方表示，Angular DevTools 提供了重要的缺失部分，可幫助用戶更好地了解應(yīng)用程序的結(jié)構(gòu)和運(yùn)行時(shí)性能。在 Angular DevTools 的未來(lái)版本中，團(tuán)隊(duì)將致力于填補(bǔ) Augury 的功能空白，并根據(jù)用戶的要求考慮添加最具影響力的功能。

詳情可查看官方公告：https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f

本文轉(zhuǎn)自O(shè)SCHINA

本文標(biāo)題：Angular DevTools 擴(kuò)展發(fā)布，幫助改善調(diào)試體驗(yàn)

本文地址：https://www.oschina.net/news/142461/angular-devtools