全面瞭解新版「檢查裝置」使用者介面、透過現已修正的樣式面板中輕鬆切換類別,以及觀看開發人員工具今晚的前測計畫。
歡迎改用最新版,為 Canary 版的使用者提供摘要!您稍晚錯過了 12 月的最新動態。(我跟新生女兒有一點前情。)於是出現了幾個超新鮮的功能。
全新的「檢查裝置」對話方塊
(目前過時的) 遠端偵錯說明文件是我們多年來最受歡迎的 DevTools 指南,這也意味著這可能只是一件好事:沒有人不清楚如何使用工具!
我們決定翻新 UX比起開啟完全不同的頁面 (「chrome://inspect」),「檢查裝置」全都已直接嵌入開發人員工具,方便您快速存取並減少內容切換。
樣式面板中的類別切換按鈕
想要預覽元素類別搭配或不含相關樣式的呈現效果,現在可以比以往更輕鬆。我們也加入了資訊來快速新增類別,讓您不必編輯屬性。按一下「樣式」面板中新增的 .cls 按鈕,即可試用這項功能。
開發人員工具今晚
很高興能在此宣布,我之前可以推出另一種方式,讓您掌握 Chrome 開發人員工具的最新動態:我今晚要介紹開發人員工具的前測版本:
新節目將以每兩週一次的時程進行序列化,我將著重在穩定版 Chrome 的重大功能 (而非 Canary 版),我們會進一步介紹各項功能。請務必訂閱 Chrome Developers 頻道,在第 1 名的產品出貨時接收通知,你也可以透過 YouTube 留言分享想法!
精選應用程式
- 我們新增一項設定至為彈出式視窗自動開啟開發人員工具 (新建立的視窗)。啟用後,系統會自動透過任何新建立的視窗開啟開發人員工具,
- 「樣式」面板頂端的動作列現已固定位置,因此即使您向下捲動畫面並編輯更多樣式,仍可隨時存取該面板。
- 我們現在會根據我們認為與效能偵錯工作階段實際相關的自動縮放時間軸,
- 除了下載內容外,網路節流功能現在也支援上傳功能,因此你可以使用 3G 連線測試檔案上傳等項目。
- 我們修改了「檢查」工具提示,該工具提示會重疊顯示已檢查的元素。相片現在比較暗、明亮且對比更鮮明。
一如以往,歡迎透過 Twitter 或下方的留言與我們分享想法,並將錯誤提交至 crbug.com/new。
下個月見!
Paul Bakaus 與開發人員工具團隊