开发者工具提示:修改、调试和导出用户流记录
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
利用开发者工具 Recorder 面板,您可以捕获网页上的用户操作、重放、分享操作,以及将其导出为可在 CI/CD 中使用的各种格式。
Recorder 面板正在积极开发中,最近添加了一些新功能,以帮助您修改、调试和导出录制内容。
使用 Recorder 面板,您可以:
- 减慢重放速度、设置断点、暂停、继续或向前推进执行每一步。
- 暂停后,可与该网页互动或切换到其他面板,以便进一步检查。
- 添加录音机不会自动记录的步骤。例如,鼠标悬停会对录音造成污染。
- 配置步骤,例如添加超时、条件和断言。
- 以各种格式导出录制内容,例如 JSON、@puppeteer/replay 脚本和 Puppeteer 脚本。
此外,您还可以使用 Recorder 面板的 Chrome 扩展程序添加更多导出格式。在撰写本文时,您可以为以下工具添加扩展程序:Cypress、WebPageTest、Nightwatch、Testing Library 和 WebdriverIO。请查看扩展程序的完整列表。
如需了解详情,请参阅:
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-09-28。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]