What's 開發人員工具的新功能 (Chrome 97)

預先發布版功能:全新「記錄器」面板

使用新的「錄音工具」面板錄製、重播及評估使用者流程。

開啟「錄音工具」面板。按照畫面上的指示開始錄製新內容。

舉例來說,您可以使用這個咖啡訂購試用版應用程式,記錄咖啡結帳程序。加入咖啡並填寫付款詳細資料後,即可結束錄製、重播程序,或按一下「評估成效」按鈕,在「成效」面板中評估使用者流程。

如要透過逐步教學課程瞭解詳情,請參閱 Recorder 面板說明文件!

「記錄器」面板為預先發布版功能,Google 團隊正積極努力開發這項功能,歡迎提供意見回饋,協助我們進一步改善。

錄音工具面板

Chromium 問題:1257499

在裝置模式下重新整理裝置清單

啟用裝置工具列後,裝置清單中會新增更多現代裝置。選取裝置,模擬其尺寸。

在裝置模式下重新整理裝置清單

Chromium 問題:1223525

以「以 HTML 編輯」功能自動完成

「以 HTML 編輯」使用者介面現在支援自動完成和語法醒目顯示功能。在「元素」面板中,在元素上按一下滑鼠右鍵,然後選取「以 HTML 形式編輯」。嘗試輸入 DOM 屬性 (例如 id、aria),自動完成功能應會協助您找到要尋找的屬性名稱。

以「以 HTML 編輯」功能自動完成

Chromium 問題:1215072

提升程式碼偵錯體驗

現在控制台的輸出錯誤會包含欄號。輕鬆存取欄號對於偵錯至關重要,尤其是使用縮排的 JavaScript 時。

輸出錯誤中的欄號