今年是 Chrome Canary 功能豐富的月份。請詳閱時間軸中的匯總詳細資料，瞭解哪些第三方指令碼會導致網站上的效能問題、如何利用新的調色盤選擇一致的顏色、如何透過可自訂的網路設定檔模擬會議 Wi-Fi，以及如何透過新版主選單和更實用的工具提示，讓 DevTools UI 更有效。
改善效能問題相關問題：時間軸的匯總詳細資料
在現今的網站上，我們使用更多來自第三方的信標、分析、社交、字型載入和廣告服務，有時卻有不少。為避免發生上述情況並讓您清楚瞭解問題，我們在時間軸中提供了匯總詳細資料。
在「Aggregated Details」(匯總詳細資料) 分頁中，您可以將重點放在費用高昂的功能或整個呼叫樹狀結構，然後按照網域、子網域或個別網址細分所選資料。舉例來說，在網頁載入時間的時間軸上，您現在可以輕鬆將緩慢工作階段歸因於來自 facebook.net 或 twitter.com 等網域的第三方指令碼。
全新的專屬主選單
為簡化主要工具列，我們已將導覽匣、設定和固定圖示移到新的專屬主選單中。
尤其是座架變得更加簡單您不必長按上一個圖示，而是在每個固定位置都有自己的圖示。
除了插入座架之外，我們還新增了快速存取檔案搜尋功能、捷徑和說明 (進而連至新的首頁)。
透過經過改良的工具提示探索開發人員工具
開發人員工具中有許多按鈕，我們瞭解並非所有按鈕都是自我介紹。我們現在將系統原生工具提示替換為與平台一致的自訂工具提示，以便探索動作和相關捷徑。
新的工具提示會更快顯示，並且提供鍵盤快速鍵 (如果有的話)。
建立自訂網路節流設定檔
如果 Network Throttler 的預設選項超出您的用途限制，而您需要「會議 Wi-Fi」選項，或是想感受懷舊氛圍，我想走進老學校，並模擬一共 「110 泰銖」線，那麼我有個好消息要告訴你。我們新增了「設定」面板 讓您可以完成這些操作
自動、質感和自訂調色盤
無論是要重建魔術顏色，還是使用現有的調色盤，改良的顏色挑選器都能協助您為網站選擇一致的調色盤。
按一下調色盤旁邊的小切換圖示，即可選擇下列選項：
- 頁面顏色 - 這個調色盤是根據我們在 CSS 中找到的顏色自動產生，因此如果您要擴充現有網站，建議選用這個調色盤。
- Material Design：Material Design 調色盤立即提供美觀顏色，是開始新專案時的最佳選擇。您現在就會看到所有主要顏色 但我們很快也會推出所有陰影
- 自訂：這是您專屬的遊樂場。如要新增顏色 請在挑選器中挑選一個顏色 然後按一下調色盤旁邊的「加號」圖示拖曳物件來重新排序 並按一下滑鼠右鍵，即可顯示更多選項，例如移除
告訴我們你的想法 看看我們可以如何進一步延伸色彩故事
最棒的是，一切順心
- 使用 fetch() API 發出的要求現在會顯示在「網路」面板
- 自動面板版面配置可確保您調整開發人員工具
面板的大小時，可適應新的空間限制。 - 「檢查元素和裝置模式」有一組新圖示。
- 現在即使已醒目顯示節點，「DOM 面板中的屬性」顏色現在仍會不同。(這些都是白色的。)
- 「隱藏元素」 (在所選 DOM 節點上按下「h」後啟用) 現在 左側會顯示灰色圓形指標，「DOM 中斷點」則與藍色圓圈類似。(這類似於我們用來強制執行元素狀態的橘色指標，如 :hover)。
與往常一樣，歡迎透過 Twitter 分享想法或在下方留言，並將錯誤提交至 crbug.com/new。
下個月見！
Paul Bakaus 與開發人員工具團隊