Jecelyn Yeen
全新 CSS 格線偵錯工具
開發人員工具現在可更完善地支援 CSS 格線偵錯！
如果網頁上的 HTML 元素套用了 display: grid 或 display: inline-grid，您可以在「元素」面板中看到旁邊顯示 grid 徽章。按一下徽章，即可切換頁面上的格線疊加顯示效果。
新的「版面配置」窗格包含「格線」部分，提供多種格線檢視選項。
詳情請參閱說明文件。
Chromium 問題：1047356
新的 WebAuthn 分頁
您現在可以使用新的 WebAuthn 分頁，模擬驗證器並偵錯 Web Authentication API。
依序選取「更多選項」 >「更多工具」 >「WebAuthn」，開啟 WebAuthn 分頁。
在推出新的「WebAuthn」WebAuthn分頁之前，Chrome 並未提供原生的 WebAuthn 偵錯支援。 開發人員必須使用實體驗證器，才能透過 Web Authentication API 測試網路應用程式。
有了全新的「WebAuthn」WebAuthn分頁，網頁開發人員現在可以模擬這些驗證器、自訂功能，以及檢查狀態，完全不需要實體驗證器。這樣偵錯時會輕鬆許多。
詳情請參閱說明文件，進一步瞭解 WebAuthn 功能。
Chromium 問題：1034663
在頂端和底端面板之間移動工具
開發人員工具現在支援在頂端和底部面板之間移動工具。這樣一來，您就能同時查看任意兩項工具。
舉例來說，如要同時查看「元素」和「來源」面板，請在「來源」