這篇文章將為大家詳細(xì)講解有關(guān)Angular中DevTools的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

為福山等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及福山網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站建設(shè)、做網(wǎng)站、福山網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

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

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

作為改善調(diào)試體驗(yàn)項(xiàng)目的一部分，開發(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)驗(yàn)教訓(xùn)，從頭開始開發(fā)了 Angular DevTools。

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

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

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

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

關(guān)于“Angular中DevTools的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。