DevRecorder
Screen recorder with console, network, errors & annotations
About DevRecorder
DevRecorder is a Chrome extension that records your screen alongside console logs, network requests, and navigation events — all on one synchronized timeline. 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. 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.
What you should know about DevRecorder
DevRecorder — Screen recorder with console, network, errors & annotations. It is categorized under Developer Tools . On Product Hunt, this tool has received 80 upvotes from the maker community.
Pricing & licensing: Pricing details are not publicly disclosed at the moment .
Use cases & topics: DevRecorder is associated with the following topics: Chrome Extensions, Productivity, Developer Tools. Teams working in Chrome Extensions / Productivity / Developer Tools spaces typically evaluate this kind of tool when scoping new architecture decisions or replacing legacy components.
Getting started: Visit the official site to sign up, explore pricing tiers, and start onboarding your team. Most teams hit value within the first week if the tool aligns with their existing Developer Tools stack.
Editor's note from Fanny Engriana (Founder, Wardigi Digital Agency): when evaluating tools in the Developer Tools category for our agency clients, we look at three things first — license clarity, community size, and active maintenance. Tools with explicit license terms and ongoing commits tend to remain viable across multi-year projects.