SheepNav
Repro

Repro

producthunt.com

将前端bug回放为DevTools会话

1个月前制作者:Aditya Kumar Tiwari

关于 Repro

Repro 是一款革命性的前端调试工具,它彻底改变了开发者复现和修复 bug 的方式。传统上,开发者需要根据用户描述或日志猜测问题根源,而 Repro 能够将 bug 发生时的完整上下文——包括视频录像、控制台日志、网络请求、存储状态及性能数据——同步录制,并在统一时间轴上回放。你可以像操作视频一样,拖动进度条到问题发生的瞬间,同时查看对应的网络请求、控制台报错和页面性能指标,所有信息精准对齐,一目了然。

核心功能

  • 同步回放:视频与日志完美同步,拖动时间轴即可查看任意时刻的页面状态和后台数据。
  • DevTools 面板集成:回放界面模拟 Chrome DevTools,包含 Console、Network、Actions 和 Performance 面板,随着视频播放自动展示对应信息。
  • 请求导出:一键将任意网络请求复制为 HAR 格式,方便用于自动化测试或分享给团队成员。
  • 精准裁剪:支持裁剪视频片段,日志也会随之同步裁剪,便于聚焦关键问题。

主要特性

  • 隐私安全:所有录制数据仅保存在本地浏览器中,无需上传,无账号要求,完全免费。
  • 高效定位:无需复现步骤,直接查看用户操作和系统状态,快速定位 bug 根源。
  • 协作友好:生成的报告可作为完整的调试上下文分享给同事,减少沟通成本。

适用场景

Repro 适用于任何前端项目,尤其适合远程协作、用户反馈处理、复杂交互调试等场景。无论是独立开发者还是大型团队,都能借助 Repro 大幅提升调试效率,减少无效沟通。

相关工具