獲得超凡的遠端偵錯、課堂強化以及我們自家的深夜脫口秀?

保羅巴考斯
Paul Bakaus

全面瞭解新版「檢查裝置」使用者介面、透過現已修正的樣式面板中輕鬆切換類別,以及觀看開發人員工具今晚的前測計畫。

歡迎改用最新版,為 Canary 版的使用者提供摘要!您稍晚錯過了 12 月的最新動態。(我跟新生女兒有一點前情。)於是出現了幾個超新鮮的功能。

全新的「檢查裝置」對話方塊

(目前過時的) 遠端偵錯說明文件是我們多年來最受歡迎的 DevTools 指南,這也意味著這可能只是一件好事:沒有人不清楚如何使用工具!

我們決定翻新 UX比起開啟完全不同的頁面 (「chrome://inspect」),「檢查裝置」全都已直接嵌入開發人員工具,方便您快速存取並減少內容切換。

樣式面板中的類別切換按鈕

樣式面板中的 cls 切換鈕

想要預覽元素類別搭配或不含相關樣式的呈現效果,現在可以比以往更輕鬆。我們也加入了資訊來快速新增類別,讓您不必編輯屬性。按一下「樣式」面板中新增的 .cls 按鈕,即可試用這項功能。

開發人員工具今晚

很高興能在此宣布,我之前可以推出另一種方式,讓您掌握 Chrome 開發人員工具的最新動態:我今晚要介紹開發人員工具的前測版本:

新節目將以每兩週一次的時程進行序列化,我將著重在穩定版 Chrome 的重大功能 (而非 Canary 版),我們會進一步介紹各項功能。請務必訂閱 Chrome Developers 頻道,在第 1 名的產品出貨時接收通知,你也可以透過 YouTube 留言分享想法!

精選應用程式


一如以往,歡迎透過 Twitter 或下方的留言與我們分享想法,並將錯誤提交至 crbug.com/new

下個月見!
Paul Bakaus 與開發人員工具團隊