歡迎參閱第一期開發人員工具版本說明！從現在開始，當您首次開啟新版 Chrome 時，DevTools 會開啟「What's New」抽屜，並提供該版本的發布說明連結。
特色
- 「時間軸」面板已更名為「效能」面板。
- 「Profiles」面板已重新命名為「Memory」面板。
- 您現在可以編輯 Cookie 值。
- 開發人員工具現在會在記憶體不足錯誤發生前自動暫停。
新功能
可編輯 Cookie
在「Cookie」分頁中按兩下儲存格，即可編輯該值。
感謝 kdzwinel 提供貢獻！
可在「樣式」窗格中檢查及編輯的 CSS 變數
您現在可以在「樣式」窗格中檢查及編輯 CSS 變數。請參閱 CSS 變數示範，親自試用。
記憶體不足的中斷點
當應用程式在短時間內分配大量記憶體時，DevTools 會自動暫停並提高堆積限制。這樣一來，您就能檢查堆積、在控制台中執行指令來釋放記憶體，並繼續偵錯問題。詳情請參閱「One Small Step For Chrome, One Giant Heap For V8」。
無框畫建立作業的暫停點
您現在可以建立事件監聽器中斷點，在每次建立新的畫布內容時觸發。
在「時間」分頁中查看開始時間統計資料
您現在可以在「時間」分頁頂端，查看要求的排入佇列和開始時間。
「時間」分頁中的伺服器統計資料
您現在可以將自訂伺服器統計資料插入「時間」分頁。如需範例，請參閱伺服器時間值示範。
感謝 sroussey 提供貢獻！
異動
時間軸面板現已改為「效能」面板
時間軸面板已重新命名為「成效」面板，以便更準確地反映其用途。
「Profiles」面板現已改為「Memory」面板
為更貼切地反映其用途，我們已將「Profiles」面板重新命名為「Memory」面板。
CPU 分析器位於隱藏面板後方
既然「Profiles」面板已改名為「Memory」面板，在該面板中顯示 CPU 分析器就顯得毫無意義。此外，我們的長期目標是從「成效」面板取得所有使用者設定檔。在此期間，您仍可透過「設定」 >「更多工具」 >「JavaScript 分析器」存取舊版 CPU 分析器。
請參閱「Chrome 開發人員工具：在 Chrome 58 中進行 JavaScript CPU 分析」，瞭解如何在「效能」面板中進行 CPU 分析。
新版主控台 UI
控制台面板和抽屜的使用者介面已進行一些變更。我們將部分不受歡迎的功能移至更隱密的位置，讓熱門功能更容易存取。
- 按一下「控制台設定」
，即可存取設定，自訂控制台的行為。 - 保留記錄現在已隱藏在控制台設定中。
- 「篩選器」按鈕和窗格已消失。請改用下拉式選單。
- 篩選記錄的文字方塊現在會一律顯示。這項功能先前已隱藏在「篩選器」窗格中。
- 過濾文字方塊會自動接受 RegEx，因此「Regex」核取方塊已移除。
- 「隱藏違規內容」核取方塊已移除。將記錄層級下拉式選單設為「詳細」，即可查看違規事項。
- 在舊版 UI 中取消勾選「顯示所有訊息」核取方塊，就等同於在新版 UI 的「管理中心設定」中勾選「僅顯示所選內容」核取方塊。
WebGL 事件監聽器中斷點已移至
WebGL 事件監聽器中斷點已從 WebGL 類別移至 Canvas 類別。已移除 WebGL 類別。