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.
Hey PH! 👋 I built the screen recorder I wished existed as a developer.
Regular screen recorders capture video. DevRecorder captures video + console logs + network requests + navigation events — all synced to the same timeline. 🔥
🚫 No more "what was in the console when it broke?"
🚫 No more "can you open the Network tab and try again?"
🚫 No more "what page were you on?"
Just record, share a link, done. ✅ Viewers see everything without needing an account or extension.
Free to use — try it and let me know what you think! 🙏
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!
About DevRecorder on Product Hunt
“Screen recorder with console, network, errors & annotations”
DevRecorder launched on Product Hunt on May 15th, 2026 and earned 80 upvotes and 5 comments, placing #30 on the daily leaderboard. 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.
DevRecorder was featured in Chrome Extensions (52.6k followers), Productivity (651.7k followers) and Developer Tools (512.4k followers) on Product Hunt. Together, these topics include over 213.8k products, making this a competitive space to launch in.
Who hunted DevRecorder?
DevRecorder was hunted by Shakil Hossain. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how DevRecorder stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Shakil Hossain