使用「錄音工具」面板記錄、測量和編輯使用者流程。「Recorder」面板包含一組診斷工具,可讓前端開發人員改善轉換路徑並進行偵錯。如需引導式教學課程,請參閱「記錄、重播及評估使用者流程」一文。
總覽
「錄音工具」面板可讓你:
- 記錄及重播使用者流程:開始記錄,讓「錄音工具」面板追蹤網站或應用程式中的特定事件。之後,您可以重播使用者流程,並在各個步驟間跳轉。減慢重播速度,進一步瞭解使用者流程的情況。此外,您也可以瞭解如何使用外部程式庫重播。
- 編輯使用者流程並偵錯:即使在記錄期間,也可以針對已記錄的使用者流程編輯步驟。設定中斷點並逐步執行使用者流程。檢查程式碼,並排檢視步驟和程式碼。
- 產生效能概況:在「成效」面板中產生設定檔並查看報表,藉此評估已記錄使用者流程的成效。
- 共用及匯出使用者流程:您可以匯出使用者流程為 JSON 檔案或多種 Puppeteer 格式,也可以以錄音工具的匯出擴充功能提供的任何格式匯出。您也可以匯入使用者流程。
如要將「錄音工具」面板進一步整合至工作流程,並進一步擴充相關功能,請使用擴充功能自訂「錄音工具」面板。
開啟「錄音工具」面板
如要開啟「錄音工具」面板,請按照下列步驟操作:
- 開啟開發人員工具。
- 按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 輸入
Recorder panel
並選取「Show Recorder Panel」,然後按下 Enter 鍵。
或者,依序選取右上角的 more_vert [更多選項] > [更多工具] > [錄音工具面板]。