開發人員工具架構更新：遷移至網頁元件

Jack Franklin

這篇文章是一系列網誌文章的一部分，說明我們對開發人員工具架構所做的變更，以及如何建構該架構。

在 DevTools 於多年前首次推出時，團隊選擇建構專屬的 UI 架構。這在當時是合理的選擇，也確實為 DevTools 帶來好處。

但自那時起，這個平台已推出各種功能，其中 Web 元件非常適合在 DevTools 中建構新的 UI 元素。我們可以利用平台提供的資源，大幅減少需要維護的客製化 UI 程式碼數量，並將更多心力投入建構 DevTools 功能，而非支援客製化基礎架構。

為協助您進行轉換，我們製作了一份指南，說明如何在 DevTools 中建構 UI 元素，並與 DevTools 團隊分享。部分指南是針對 DevTools 及其架構量身打造，因此會帶來一套限制，但部分指南則是針對我們用於建構、結構化及測試 Web 元件的做法提供一般指南。

我們今天將這份文件公開發布在 goo.gle/building-ui-devtools 網站上。如果您想進一步瞭解 Web 元件在大型實際應用程式中的用途，或是在將元件整合至大型現有程式碼庫時可能遇到的挑戰，這份文件或許能提供一些解答。如對我們的規範有任何疑問，歡迎在 Twitter 上向我發文。

下載預覽管道

建議您將 Chrome Canary、開發人員版或Beta 版設為預設開發人員版瀏覽器。這些預覽管道可讓您存取最新的 DevTools 功能，測試最新的網路平台 API，並在使用者發現問題前，協助您找出網站的問題！

與 Chrome 開發人員工具團隊聯絡

請使用下列選項討論新功能、更新或任何與開發人員工具相關的內容。