借助 DevTools 的录制器面板,您可以捕获网页上的用户操作,并将其重放、分享,还可以将其导出为各种格式,以便在 CI/CD 中使用。
录音机面板正在积极开发中,最近添加了一些新功能,可帮助您编辑、调试和导出录音。
借助 Recorder 面板,您可以:
- 您可以放慢重放速度、设置断点、暂停、继续或一次推进一步。
- 暂停时,您可以与网页互动或切换到其他面板以进行进一步检查。
- 添加录制器未自动捕获的步骤。例如,鼠标悬停会导致录制内容混乱。
- 配置步骤,例如添加超时、条件和断言。
- 以 JSON、@puppeteer/replay 脚本和 Puppeteer 脚本等各种格式导出录制内容。
此外,您还可以使用适用于录制器面板的 Chrome 扩展程序添加更多导出格式。在撰写本文时,您可以为以下工具添加扩展程序:Cypress、WebPageTest、Nightwatch、Testing Library 和 WebdriverIO。查看扩展程序的完整列表。
如需了解详情,请参阅:
- 如需了解基本知识,请参阅录制、重放和衡量用户流。
- 如需查看功能的完整列表,请参阅录音机功能参考文档。
- 如需自行创建扩展程序,请参阅为录音机创建 Chrome 扩展程序。