Paul Bakaus
瞭解如何透過更聰明的「控制台」自動完成功能，減少在「DevTools」中輸入的內容，如何直接在「樣式」窗格中編輯 @keyframe 規則、如何使用 CSS 自訂變數，以及如何加入黑暗面。
控制台提供更聰明的自動完成功能
如果你和我及其他許多人一樣，在控制台中輸入指令來偵錯應用程式，發現無法運作，就會重複輸入指令，為協助你完成這項工作，我們現在會自動完成你先前輸入的完整陳述式，如下所示：
直接在「樣式」窗格中編輯 @keyframes 規則
當我們在 DevTools 中推出動畫檢查器和緩和編輯器時，這些功能僅限於轉場，因為我們從未在「樣式」窗格中顯示以 @keyframe 為基礎的 CSS 動畫。很高興告訴你，這項限制已不復存在，歡迎盡情發揮！歡迎查看我們的影片推文，搶先一睹內容。
支援自訂 CSS 屬性
CSS 有許多優點，其中之一就是自訂變數，這項功能會在 Chrome 49 推出。我們已確保 DevTools 提供完整支援，因此如果您之前曾在 Sass 中使用變數，不妨試試原生變數，因為您可以隨時在「樣式」窗格中編輯屬性，並立即更新依附元素。
開發人員工具的深色主題
我們終於接受過去幾年收到數十次的要求：您現在可以在 DevTools 中選擇深色模式。前往開發人員工具設定，將主題設為深色，盡情享受吧！這項功能仍處於 Beta 版階段，因為其中許多內容都是自動產生的。如果您發現有任何可改善之處，請務必告訴我們！
其他最佳
- 點選完整的控制台分頁後，控制台側欄現在會自動收合。
- 來源中的檔案樹狀結構經過精心改良，新增圖示和分組功能
如往，歡迎透過 Twitter 或下方的留言與我們分享您的想法，並將錯誤提交至 crbug.com/new。
下個月見！
Paul Bakaus 和開發人員工具團隊