DevRecorder

DevRecorder

DevRecorder

DevRecorder is a Chrome extension that records your screen alongside console logs, network requests, and navigation events — all on one synchronized timeline. DevRecorder 是一款 Chrome 扩展程序，它可以在同一个同步时间轴上录制屏幕，并同时记录控制台日志、网络请求和导航事件。

Hit record, reproduce a bug, and share a link. Your team sees the video with every log, request header, response body, and route change locked to the exact frame. 只需点击录制，复现 Bug，然后分享链接。你的团队成员在观看视频时，可以看到每一个日志、请求头、响应体和路由变化都精确锁定在对应的帧上。

Works on localhost, staging, and production. Connect via MCP and AI tools like Claude Code, Cursor, and Windsurf can read your recordings as structured context. 该工具适用于本地开发环境（localhost）、测试环境（staging）和生产环境。通过 MCP 连接后，Claude Code、Cursor 和 Windsurf 等 AI 工具可以将你的录制内容读取为结构化上下文。