DevRecorder - Screen recorder with console, network, errors & annotations
byā¢
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.
Replies
DevRecorder
HasData
That's cool! I'll give it to our customers when they reach out with some problems inside the product, so they can record the video and we can see what's going on. Now I'm asking: "do you have an adblock? please disable it", "could you send a screenshots of the errors in the dev tools console if there any" and etc.
Love the idea!
DevRecorder
@rmilyushkevichĀ Thanks so much! That's exactly the kind of use case we built this for - no more back-and-forth asking customers to "send a screenshot" or "check the console." With DevRecorder, you get the full picture in one go: screen recording, console logs, network requests, and errors - all captured automatically.
Your support team is going to love how much faster they can reproduce and resolve issues. Let me know how it goes once you start using it with your customers - would love to hear the feedback!
EzyCourse
super useful idea
DevRecorder
@p3rv3zĀ Thanks for your support bhai.