瞭解全新的檢查裝置使用者介面,在已修正的樣式面板中輕鬆切換類別,並觀看「今晚開發人員工具」首播節目。
歡迎回來查看最新一期的 Canary 摘要,獻給所有 Canary 使用者!原來我錯過了 12 月的幾項更新。(我最近忙著照顧剛出生的女兒)。以下是這些內容,以及幾個超級新鮮的內容。
全新的「檢查裝置」對話方塊
開發人員工具的遠端偵錯說明文件 (目前已過時) 是連續多年最受歡迎的指南,這意味著沒有人知道如何使用它!
因此,我們決定重新設計使用者體驗。您不必再開啟完全不同的頁面 (「chrome://inspect」),所有「檢查裝置」功能現在都已方便地嵌入開發人員工具中,方便您快速存取,並減少切換內容的次數。
樣式面板中的類別切換鈕

您現在可以更輕鬆地快速切換元素上的類別,預覽相關樣式和無相關樣式的外觀。此外,我們也新增了輸入內容,可快速新增類別,讓您不必編輯屬性。按一下「樣式」面板中的新 .cls 按鈕,即可試用。
今晚的開發人員工具
很高興能在此宣布,我們推出了另一種方式,讓您隨時掌握 Chrome 開發人員工具的最新消息:我要向您介紹「今晚開發人員工具」的試播節目:
在這個每兩週更新一次的新節目中,我會著重介紹即將在穩定版 Chrome (而非 Canary 版) 推出的重大功能,並對每項功能進行更深入的說明。請務必訂閱 Chrome 開發人員頻道,以便在第 1 集推出時收到通知,並在 YouTube 留言中告訴我你的想法!
其他最佳
- 我們新增了一個設定,可自動為彈出式視窗開啟開發人員工具 (新建立的視窗)。啟用後,系統會在任何新建立的視窗中自動開啟新的開發人員工具執行個體。
- 樣式面板頂端的動作列現在已固定在原位,因此即使你向下捲動來編輯更多樣式,也能隨時存取該列。
- 我們現在會自動縮放時間軸,只顯示與效能偵錯工作階段相關的內容。
- 網路節流功能現在除了支援下載功能外,也支援上傳功能,因此您可以測試 3G 連線的檔案上傳功能。
- 我們重新設計了「檢查」工具提示,讓檢查元素重疊。現在它看起來更深色、更亮,對比度也更高。
如往,歡迎透過 Twitter 或下方的留言與我們分享您的想法,並將錯誤提交至 crbug.com/new。
下個月見!
Paul Bakaus 和開發人員工具團隊