Screen recorder with console, network, errors & annotations
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! 🙏
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.
On the analytics side, DevRecorder competes within Chrome Extensions, Productivity and Developer Tools — topics that collectively have 1.2M followers on Product Hunt. The dashboard above tracks how DevRecorder performed against the three products that launched closest to it on the same day.
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.
For a complete overview of DevRecorder including community comment highlights and product details, visit the product overview.
Shakil Hossain