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

Jecelyn Yeen

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

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

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

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

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

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

Chromium 問題：1257499

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

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

Chromium 問題：1223525

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

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

Chromium 問題：1215072

提升程式碼偵錯體驗

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

Chromium 問題：1073064

[實驗功能] 在所有裝置上同步處理開發人員工具設定

開啟 Chrome 設定檔同步功能後，系統預設會在裝置間同步處理開發人員工具設定。如要變更開發人員工具同步設定，請依序前往「設定」 >「同步」 >「啟用設定同步」。

這項新設定可讓您更輕鬆地跨裝置工作。舉例來說，系統會同步處理下列外觀設定，讓您在不同裝置上享有一致的體驗，不必重複定義相同設定。進一步瞭解開發人員工具自訂中的同步功能。

這項功能目前仍在實驗階段，團隊仍在積極開發中。如有任何意見，歡迎按這裡與我們分享。

Chromium 問題：1245541

下載預覽版頻道

建議使用 Chrome Canary、開發人員版或 Beta 版做為預設開發瀏覽器。透過這些搶先體驗管道，您可以存取最新的開發人員工具功能、測試最先進的網頁平台 API，並在使用者發現問題前找出網站上的問題！

與 Chrome 開發人員工具團隊聯絡

如要討論開發人員工具的新功能、更新或其他相關事項，請使用下列選項。

• 如要提供意見回饋或提出功能要求，請前往 crbug.com。
• 如要回報開發人員工具的問題，請依序點選開發人員工具中的 more_vert「更多選項」 >「說明」 >「回報開發人員工具的問題」。
• 在 Twitter 訊息中標記 @ChromeDevTools。
• 在「開發人員工具最新消息」或「開發人員工具提示」YouTube 影片中留言。

開發人員工具新功能

「開發人員工具新功能」系列涵蓋的所有主題清單。