操作指南 · 开发者
屏幕录制 Chrome 扩展:如何用它做 bug 报告
简短回答
在扩展弹窗里按下录制,复现 bug,然后停止。除了视频,扩展还把控制台输出、HAR 格式的网络请求、你的环境信息和复现步骤一起收进一个包——在本地自动脱敏,任何东西分享出去之前都由你先过目。
- 1
在 Chrome 或 Edge 里安装 ReproKit——无需账户。
- 2
打开弹窗按下录制;HUD 会确认捕获正在进行。
- 3
复现 bug——屏幕、控制台、网络和你的步骤被一并记录。
- 4
停止并检查捕获;token 和个人信息已在本地自动脱敏,遮盖了什么由你确认。
- 5
导出复现包附到工单里,或在付费档直接提交到 Linear/GitHub。
屏幕录制 Chrome 扩展是“演示 bug 而不是描述 bug”的最快方式。但一段光秃秃的视频仍留着一串追问:那一刻控制台说了什么?哪个请求返回了 500?这是什么浏览器、什么系统?如果录制工具只捕捉像素,还是得有人开着 DevTools 把 bug 再复现一遍。
从工具栏开始录制
打开 ReproKit 的弹窗,按下录制。屏幕上出现一个小小的 HUD,确认捕获正在进行。接下来照常复现问题——点完流程、提交表单、触发报错。不需要打开 DevTools;捕获与你的正常浏览并行进行。
随视频一起捕获的东西
屏幕录制的同时,扩展还记录控制台输出、以 HAR 文件形式的网络请求与响应、你的环境细节(浏览器、系统、视口)以及你的操作步骤。这就是屏幕录制器和 bug 录制器的区别:视频展示发生了什么,日志解释为什么。开发者把进度条拖到页面出错的那一刻,失败的请求和控制台堆栈就在同一个包里——不再有“麻烦开着 DevTools 再复现一次”。
任何东西离开之前,先审查、先脱敏
停止录制,检查这次捕获。敏感值——auth token、请求头、cookie、个人信息——已在你的机器上自动脱敏,包发往任何地方之前,你都有机会检查被遮盖了什么。脱敏发生在本地而非服务器上,没有你的明确操作,什么都不会上传。
导出一个可分享的包
结果是一个复现包:录屏、控制台日志、网络 HAR、环境和步骤。附到工单里或递给同事——对方在一个文件里拿到全貌,而不是一段引出更多问题的视频。付费档还能把捕获直接提交进 Linear 或 GitHub Issues。
无需注册,不要全站权限
ReproKit 不需要账户——对你如此,对你请来录 bug 的任何人也如此;当报告者是不愿为一个工具注册的客户或测试人员时,这一点很关键。它以最小权限运行,一切都在浏览器里组装,录制在你决定分享之前始终属于你。