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 開發人員工具團隊聯絡
請使用下列選項討論新功能、更新或任何與開發人員工具相關的內容。
- 請前往 crbug.com 提交意見回饋和功能要求。
- 在開發人員工具中，依序按一下「more_vert」更多選項 >「Help」 >「Report a DevTools issue」，即可回報開發人員工具的問題。
- 在 Twitter 上傳送訊息給 @ChromeDevTools。
- 在 YouTube 影片「What's new in DevTools」或「DevTools 提示」YouTube 影片中留言。