使用「錄音工具」面板錄製、評估及編輯使用者流程。「錄製器」面板包含一組診斷工具,可協助前端開發人員改善及偵錯轉換路徑。如需操作說明,請參閱「記錄、重播及評估使用者流程」。
總覽
你可以透過「錄音工具」面板執行下列操作:
- 記錄及重播使用者流程:開始錄製,讓錄製器面板追蹤網站或應用程式中的特定事件。之後,您可以重播使用者流程,並在步驟之間跳轉。放慢重播速度,以便進一步瞭解使用者流程中發生的情況。此外,請參閱這篇文章,瞭解如何使用外部程式庫重播內容。
- 編輯及偵錯使用者流程:編輯已錄製的使用者流程步驟,即使在錄製期間也能編輯。設定中斷點,然後逐步執行使用者流程。檢查程式碼,並以並排方式查看步驟和相關程式碼。
- 產生效能分析資料:在「效能」面板中產生分析資料並查看報表,評估記錄的使用者流程效能。
- 分享及匯出使用者流程:您可以將使用者流程匯出為 JSON 檔案或多種 Puppeteer 格式,也可以使用 錄製器的匯出擴充功能提供的任何格式。您也可以匯入使用者流程。
如要進一步整合 錄製器面板至工作流程並擴充功能,請使用擴充功能自訂錄製器面板。
開啟「錄音工具」面板
如要開啟「錄音器」面板,請按照下列步驟操作:
- 開啟開發人員工具。
- 按下以下鍵盤按鍵,開啟指令選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux 和 ChromeOS:Control + Shift + P 鍵
- 開始輸入
Recorder panel
,選取「顯示錄音機面板」,然後按下 Enter 鍵。
或者,您也可以依序選取右上角的「更多選項」
>「更多工具」 >「錄影器面板」。