您可以使用 Recorder 面板录制、衡量和修改用户流。录制器面板包含一组诊断工具,可帮助前端开发者改进和调试转化路径。如需查看引导式教程,请参阅录制、重放和衡量用户流。
概览
借助“录音机”面板,您可以:
- 录制和重放用户体验历程:开始录制,让 Recorder 面板跟踪您网站或应用中的特定事件。之后,您可以重放用户体验历程,并在步骤之间跳转。放慢重放速度,以便更好地了解用户体验流程中发生的情况。此外,了解如何使用外部库进行重放。
- 修改和调试用户流:修改已录制的用户流的步骤,即使在录制期间也可以。设置断点,然后逐步执行用户体验流程。检查代码,并并排查看步骤及其代码。
- 生成性能配置文件:通过生成配置文件并在性能面板中查看报告,衡量记录的用户流的性能。
- 分享和导出用户体验历程:您可以将用户体验历程导出为 JSON 文件,也可以采用多种 Puppeteer 格式,还可以采用 录制工具的“导出”扩展程序提供的任何格式。您还可以导入用户体验历程。
如需更好地将录制器面板集成到您的工作流中并扩展其功能,请使用扩展程序自定义录制器面板。
打开“录音机”面板
如需打开 Recorder 面板,请按以下步骤操作:
- 打开开发者工具。
- 按以下键打开命令菜单:
- macOS:Command+Shift+P
- Windows、Linux、ChromeOS:Ctrl+Shift+P
- 开始输入
Recorder panel
,选择显示“录音机”面板,然后按 Enter 键。
或者,在右上角,依次选择
更多选项 > 更多工具 > 录音机面板。