Paul Bakaus
瞭解開發人員工具如何運用更聰明的自動完成功能，讓你輸入內容更少、如何直接在「樣式」窗格中編輯 @keyframe 規則、運用 CSS 自訂變數享受無窮樂趣，以及如何加入黑暗面。
更聰明的控制台自動完成功能
如果您是像我和許多其他開發人員一樣，可以在控制台中輸入指令來對應用程式進行偵錯，查看應用程式無法正常運作，疊代並輸入再輸入一次，好像您一樣。為了達成這個目標，我們已自動完成您先前輸入的完整陳述式，例如：
在「樣式」窗格中直接編輯 @keyFrame 規則
我們為開發人員工具導入動畫檢查器和加/減速編輯器時，只能轉場，因為我們從未在「樣式」窗格中顯示以 @keyframe 為基礎的 CSS 動畫。很高興再次告訴你，歡迎觀看我們的Twitter 推文，體驗預先發布版的預覽功能。
自訂 CSS 屬性支援
CSS 有許多優點，其中一個是 Chrome 49 版的自訂變數。我們確實在開發人員工具中納入完整支援，如果您之前都使用過 Sass 中的變數，歡迎試用原生變數，讓他們在「樣式」窗格中即時編輯屬性，並立即更新相依元素。
開發人員工具深色主題
此外，在過去幾年中，我們聽到了數十次的消息，而現在，我們終於回應了這項申請：您現在可以在開發人員工具中選擇暗面。前往開發人員工具設定，將主題設為深色並享受樂趣。由於多數功能是由系統自動產生，因此有許多功能仍在測試階段，因此如果您發現有任何部分途徑有改進空間，請務必與我們聯絡！
其餘服務
- 現在您點選完整的控制台分頁，控制台導覽匣就會自動收合。
- 來源中的檔案樹狀結構經過全新圖示和全新分組功能，大幅改版
和往常一樣，歡迎透過 Twitter 或下方的留言告訴我們您的想法， 並向 crbug.com/new 回報錯誤。
下個月見囉！
Paul Bakaus 和開發人員工具團隊