DevRecorder icon

DevRecorder

DevRecorder 是面向开发者的屏幕录制工具,可同步记录控制台日志、网络请求、错误和导航事件,并与视频一起保存。适合团队排查问题、分享 bug 报告,并通过链接、工单和 AI 工具集成高效交接上下文。

DevRecorder

概览

DevRecorder 是面向开发者的屏幕录制工具,将视频录制与同步调试数据结合在一起。它会将浏览器活动与控制台日志、网络请求、错误和导航事件一并记录,方便团队结合上下文回顾发生了什么。

该产品面向调试、bug 报告和交接流程而设计。用户可以从 Chrome 扩展开始,使用公开链接分享录制内容,添加评论,并通过集成和 MCP 支持将录制推送到工单系统或 AI 编码工具中。

核心功能

带同步调试上下文的屏幕录制

录制浏览器窗口或选定区域,并将控制台日志、网络请求和导航事件与视频同步保存。

基于时间轴的回放

通过时间轴面板回放录制内容,跳转到各个事件并查看控制台错误、网络请求和响应详情。

公开分享

通过公开链接分享录制内容,让观看者无需登录即可观看带同步调试数据的视频。

评论和 प्रतिक्रिया

添加带时间戳的评论和线程式回复,并通过表情反应参与录制内容的团队评审。

常见使用场景

  • 浏览器问题调试

    在捕获 bug 的同时保留相关控制台错误和网络活动,以便队友无需重建相同环境也能复现并查看问题。

  • Bug 报告交接

    在交接给另一位工程师或支持同事时,分享带同步调试数据的公开录制,减少因缺少上下文而反复沟通。

  • 协作评审

    使用带时间戳的评论和线程式回复与团队一起审阅录制内容,尤其适合在回放某个具体时刻时快速讨论修复方案。

  • 从录制创建工单

    当 bug 需要从调查阶段进入团队工作流时,可将录制转为 Linear、Jira、ClickUp 或 Trello 中的关联工单或任务。

  • AI 辅助调试

    当你希望在开发流程中直接查看日志、错误或请求数据时,可通过 MCP 服务器让 AI 编码工具查询最近录制中的细节。

Pros and Cons

Pros

  • 可在一次录制中同时捕获视频、控制台日志、网络请求和导航事件。
  • 提供快速上手流程,文档说明设置耗时不到 5 分钟。
  • 支持通过公开链接分享,接收者无需登录即可查看录制。
  • 包含带时间戳评论、线程式回复和表情反应等协作工具。
  • 可连接工单系统和 AI 编码工具,减少手动复制日志和复现细节的工作。

Cons

  • 浏览器扩展流程以 Chrome 为中心,因此文档未提供原生桌面端或移动端应用。
  • 付费方案文档提到了响应正文捕获、更高存储、更长时长和更多团队成员,说明免费方案的功能范围相对有限。

FAQ

有免费方案或试用吗?

是。免费方案包含 5 次录制、500 MB 存储,并且无需信用卡即可开始使用。文档说明你的第一段录制是免费的。

如何开始使用?

文档说明设置耗时不到 5 分钟:使用 Google 创建账户,安装 Chrome 扩展,然后从扩展菜单开始录制。

录制会捕获哪些数据?

DevRecorder 会随录制一起捕获控制台日志、网络请求和导航事件。文档还说明,付费方案可以捕获响应正文,并会对 Authorization 和 cookies 等敏感请求头进行脱敏处理。

我可以与其他人分享录制内容吗?

可以。文档说明录制可通过公开链接分享,观看者无需登录即可查看带同步调试数据的视频。

它是否与工单系统或 AI 工具集成?

DevRecorder 支持 Linear、Jira、ClickUp 和 Trello 集成,同时还提供一个 MCP 服务器,供 Claude Code、Cursor、Windsurf 和 VS Code(Copilot)等 AI 编码工具使用。

Quick Facts

类别
开发者工具
平台
Chrome 扩展
主要用途
带同步调试数据的屏幕录制
集成
Linear, Jira, ClickUp, Trello, MCP
网站
devrecorder.com
定价模式
免费方案 + 付费 Pro 和 Enterprise 方案