全面瞭解新版「Inspect Devices」使用者介面,在現已修正的樣式面板中輕鬆切換類別,並觀看 DevTools 今晚的前測影片。
歡迎繼續使用新版的初期測試版本使用者摘要!事實證明,我在 12 月錯過了一些最新消息。(我和新生兒的女兒有少職)。他們會來到幾個超級新穎的
全新的「檢查裝置」對話方塊
開發人員工具 (目前過時) 的《遠端偵錯》說明文件是連續多年的熱門指南,而這一切都很簡單,而且沒有人不知如何使用它!
因此,我們調整了使用者體驗。您不必開啟完全不同的頁面 (「chrome://inspect」),現在可將所有「Inspect Devices」都嵌入開發人員工具內,方便快速存取,並減少畫面切換的情形。
樣式面板中的類別切換按鈕
現在,您可以更加輕鬆地快速切換元素上的類別,預覽元素加上 (或沒有相關樣式) 的外觀。此外,我們也加入了輸入內容,方便您快速新增類別,因此您不必編輯屬性。按一下「樣式」面板中的新 .cls 按鈕來試用看看。
今晚開發人員工具
很高興能在此宣布,未來 Chrome 開發人員工具的運作情況還有另一個方法:我今天將介紹開發人員工具的前測計畫:
在每兩週推出的新節目中,我將著重介紹在 Chrome 穩定版 (而非 Canary 版) 中即將推出的更多功能,並進一步介紹這兩項功能。請務必訂閱 Chrome 開發人員頻道,即可在 #1 出貨時收到通知。此外,歡迎透過 YouTube 留言告訴我們您的想法!
其餘服務
- 我們為自動開啟開發人員工具顯示彈出式視窗 (新建立的視窗) 的設定。啟用後,新的開發人員工具執行個體會自動開啟,並顯示任何新建立的視窗。
- 「樣式」面板頂端的動作列現已固定,方便您隨時存取,即使向下捲動來編輯更多樣式也沒問題。
- 我們現在會將時間軸自動放大,做為認為實際與效能偵錯工作階段相關的值。
- 除了下載外,網路節流功能現在也支援上傳功能,方便您測試透過 3G 連線上傳檔案等作業。
- 我們更新了「檢查」工具提示,覆蓋所檢查元素。答案現在是暗色畫面,對比鮮明。
和往常一樣,歡迎透過 Twitter 或下方的留言告訴我們您的想法, 並向 crbug.com/new 回報錯誤。
下個月見囉!
Paul Bakaus 和開發人員工具團隊