RecordIt

Screen Recorder with Console and Network Logs

Built for bug reports and debugging: every recording carries the console, network, and interaction data behind what happens on screen, synced frame by frame.

Installs in seconds
Works offline
No data collection
View Live Demo Recording

See how debug data syncs with video playback

Everything a Bug Report Needs

While you record, RecordIt automatically captures the technical context developers ask for.

Console Logs

Every log, warning, and error, with stack traces, captured as it happens and lined up with the video timeline.

Network Requests

Fetch and XHR calls with status codes, timings, and request and response bodies, plus WebSocket messages, so failing calls are visible at the exact moment they happen.

User Interactions

Clicks, form submissions, and navigation are tracked, so you can see exactly what the user did before something broke.

From 'Cannot Reproduce' to Root Cause

Stop asking for reproduction steps. Send a link instead.

Share a link, not a screenshot

Whoever opens it can scrub the timeline and see the failing request or console error at the exact frame it happened.

Jump straight to the error

Errors are marked on the timeline. Click one and the video, console, and network views move there together.

Paste it into an LLM

One click copies a structured digest of the session telemetry, ready to paste into your AI assistant for a root cause hypothesis.

How It Works

1

Record the bug

Click the extension icon and record the tab where the issue happens. Debug capture starts automatically with the recording.

2

Share the link

Upload the recording to get a link for your team, with the video and the telemetry together in one place.

3

Debug with full context

Anyone with the link watches the video and inspects the console, network, and interaction data synced to each frame.

Developer FAQ

How the debug capture works.

What debug data does RecordIt capture?

Console logs with stack traces, network requests with timings and bodies, WebSocket messages, JavaScript errors, and user interactions such as clicks and navigation. Everything is timestamped and synced to the video.

Does it capture request and response bodies?

Yes. Fetch and XHR bodies are captured alongside status codes and timings, so you can see what the API actually returned when the bug happened.

What about passwords and tokens?

Sensitive values such as passwords, auth headers, and token-like strings are masked at capture time, before the data leaves the page.

Can I use RecordIt for user session recording?

Yes, in a targeted way: instead of passively recording every visitor, you or your users record a specific session as a video with full telemetry attached. That makes it ideal for reproducing reported bugs.

Does it work in Edge and Brave?

Yes. RecordIt is a Chromium extension: it works in Google Chrome, Microsoft Edge, and Brave, installed from the same Chrome Web Store listing.

Can I feed a session to an AI assistant?

Yes. The viewer has a copy-for-LLM button that produces a structured digest of the console, network, and error telemetry, ready to paste into any AI assistant.

Attach the context. Skip the back and forth.

Install the free extension and give your next bug report the console and network logs it deserves.