Bug Report Recorder Pro - Screen Recorder for Bug Reports

用一个可共享的HTML文件捕获视频、控制台日志和清晰的复现步骤,可直接发给Jira、Linear或GitHub。

Bug Report Recorder Pro 把一次出问题的网页会话变成开发者可以直接使用的报告。点击 Start,复现问题,点击 Stop,然后带走一个便携式 HTML 文件,里面打包了屏幕录制、控制台输出、网络调用以及一条整洁的复现步骤时间线。 第一份报告无需账号。永远不会自动上传。 ### 🚀 开发者为什么喜欢它 "在 staging 上坏了"不是一份 bug 报告。模糊的工单比 bug 本身代价更高。这个扩展用一个工作流把开发者真正需要的东西全部捕获,打破这种恶性循环:视频、控制台、网络,以及一路走过来的步骤。 把生成的 HTML 交给 Jira、Linear、GitHub 或 Slack,跳过来来回回的拉锯。 ### ⚡ 免费方案的全部内容 - ✓ 每月 5 份保存的报告,完整工作流,无需账号 - ✓ 标签页、窗口或全屏录制,可选麦克风,最长 10 分钟 - ✓ 可见的红色边框和计时器,录制状态始终一目了然 - ✓ 带严重度标签(log、info、warn、error)和时间戳的控制台捕获 - ✓ 网络捕获(URL、方法、状态、耗时),默认剥离请求体 - ✓ 根据会话中的用户操作自动生成的复现步骤时间线 - ✓ 默认 PII 掩码:密码、令牌、Cookie、信用卡形态字段 - ✓ 一键 HTML 导出,无需我们的服务即可在任意浏览器中打开 ### 🔓 Pro 解锁的内容 - ✦ **无限报告**:取消每月 5 份的上限,让工具变成日常习惯 - ✦ **托管分享链接**:无需登录即可访问的短 URL,支持 30、60 或 90 天自动删除 - ✦ **Jira 导出**:一键把报告、复现步骤、环境、控制台输出推送到 Jira - ✦ **Linear 导出**:同样的一键流程用于 Linear,附带网络日志 - ✦ **GitHub 导出**:在任意仓库开 issue,正文、标签和负责人预先填好 - ✦ **自定义掩码规则**:在默认规则之上,叠加每个项目自己的正则规则 - ✦ **多段会话回放**:把三段录像和五张截图打包进一份报告,适合间歇性 bug - ✦ **导出格式选择**:视频可选 mp4、webm 或动态 webp ### 🎯 适合谁 QA 测试人员、追着客户问题跑的支持团队、分类内测反馈的 PM、给客户提供报 bug 通道的代理机构、SaaS 创始人,以及希望把控制台和网络一起打包的开发者。如果"发我一张截图"一周出现两次以上,这个工具就值得装上。 ### 🛠️ 工作方式 1. 把扩展固定到工具栏并点击图标 2. 选择 Tab、Window 或 Screen,决定是否开麦克风,点 Start 3. 在控制台与网络并行捕获时复现问题 4. 点 Stop,所有内容会被打包进一个 HTML 文件 5. 审阅并脱敏,然后本地导出,或在 Pro 下推送到 Jira、Linear 或 GitHub ### 💡 真实使用场景 - → QA 测试人员在 staging 上跑回归测试,工具捕获到失败的 AJAX 调用和触发它的点击 - → 客服录制一次客户操作流程,控制台捕获暴露了客户从未提到的隐藏 500 错误 - → PM 为一个不稳定的结账流程提交视频,网络日志显示第三方脚本超时 - → 创始人把步骤已经预填好的完整复现发给外包开发者 - → 代理机构让客户来报 bug,一次点击,报告自动进入 Linear - → 前端开发者搭配打开的 DevTools 一起用,获得更丰富的时间线 - → QA 主管推送的 Jira 工单已经满足"必须包含复现步骤、环境和控制台"的规则 ### 🔒 可验证的隐私 录制是显式的、本地优先的。不会在后台启动,不会自动上传,只有你在 Pro 中点击 Share 时才会联系我们的服务器。掩码过程会在导出前剥离密码、Authorization 头、Cookie、X-Auth-Token 风格的自定义头,以及信用卡形态。掩码代码在解压后的扩展中可审计。Manifest V3,无远程代码,无分析 SDK。 ### 📊 性能与基准 弹窗在 50ms 内打开。会话中控制台缓冲的 CPU 占用低于 2%,5 分钟片段的内存占用低于 50MB。视频块每 2 秒写入 IndexedDB 一次,因此标签页崩溃最多丢失 2 秒画面。一份典型导出的 HTML 在 2 分钟 1080p 片段下为 4 到 12 MB。从冷启动到首帧录制低于 800ms。 ### 🆚 为什么选它而不是替代品 - ✓ 对比 Jam:第一份报告不需要邮箱,不会出现"只录到 4 秒"的失败(分块写入 IndexedDB),不会剥掉 Chakra UI 或 NextJS 页面的 CSS - ✓ 对比 Marker.io:客户端报告人不再按席收费,免登录查看保住病毒式传播闭环,控制台捕获免费包含,不在付费墙后 - ✓ 对比 Loom:控制台和网络在这里是一等公民,不藏在 Business plus AI 付费墙后;产物是开发者可读的 HTML 文件 - ✓ 对比 Bird Eats Bug:一份报告里的多段回放、短分享链接、免登录查看,会话在浏览器重启后仍可用 - ✓ 对比 BugHerd:真正的视频和实时控制台,而不只是 HTML 选择器 ### 🛡️ 安全 Manifest V3,无远程代码。扩展声明 `content_security_policy: { extension_pages: "script-src 'self'; object-src 'self'" }`,并将所有脚本打包到本地发布。无 CDN,无 eval,无远程加载器。Host 权限仅限于 `https://peakproductivity.online/*` 用于许可证检查,不会是 `<all_urls>`。 ### ❓ 常见问题 **Q:免费方案真的免费吗?** **A:** 是的。每月 5 份报告,完整录制、控制台、网络与 HTML 导出。Pro 取消上限,并加入托管分享链接,以及 Jira、Linear、GitHub 导出。 **Q:它会在后台录制吗?** **A:** 不会。录制只在你点击后开始,期间始终显示红色边框和计时器。关闭标签页会停止会话,并提示你保存或丢弃。 **Q:控制台输出会泄露令牌吗?** **A:** 默认过滤会在导出前掩盖 Authorization 头、Cookie、X-Auth-* 自定义头以及信用卡形态。Pro 可按项目添加自定义正则规则。 **Q:它和 LogRocket 或 FullStory 比起来怎样?** **A:** 那些是面向生产、始终录制所有用户的会话回放服务。这里是一个开发者工具,由你手动触发,一次针对一个 bug,无需安装 SDK。 **Q:可以直接推送到 Jira、Linear 或 GitHub 吗?** **A:** Pro 可以。导出流程会附上完整报告,包括复现步骤、环境、控制台输出、网络日志以及录像。 **Q:报告会留在我的电脑上吗?** **A:** 默认会。免费方案导出本地 HTML 文件。托管分享链接是 Pro 功能,仅在你点击 Share 时运行,并附 30、60 或 90 天自动删除。 ### 🚀 开始使用 安装、固定到工具栏,一分钟内就能提交第一张工单。免费方案对大多数小团队来说足以替代"截图加 Slack";升级到 Pro 可获得托管分享链接、Jira、Linear、GitHub 导出、自定义掩码与无限使用。由 Peak Productivity 以无远程代码的 Manifest V3 扩展形式提供。