How-to · Developer

How to record a bug report in Chrome with console and network logs

ReproKit2 min read

The short answer

Click record, reproduce the bug, then stop — the extension captures the screen, console, network requests and your repro steps into one shareable bundle. Sensitive values are auto-redacted, and everything is built locally in the browser.

  1. 1

    Open the recorder and press record.

  2. 2

    Reproduce the bug — console, network and your steps are captured together.

  3. 3

    Review the capture; sensitive values are auto-redacted before sharing.

  4. 4

    Stop and export one shareable bundle to attach to a ticket.

“It works on my machine” usually means the bug report was missing context. A good report needs the console errors, the failing network calls, and the exact steps — not just a screenshot. In Chrome you can capture all of that in one pass and hand over a single file.

Bug report recorder popup in Chrome: one click to start capturing screen, console and network
One click starts the capture. It records the screen, console and network together while you reproduce the problem.

Start recording, then reproduce the bug

Open the recorder and press record. Now do the thing that breaks — click through the flow, submit the form, trigger the error. The extension captures the console output, the network requests and responses, and your steps as you go.

Review and redact before you share

Sensitive values — tokens, auth headers, cookies — are auto-redacted, and you can review the capture before it leaves your hands. Tune what’s included and what’s masked in settings so a shared bundle never carries a secret.

ReproKit settings in Chrome: choose what the bundle captures and what is redacted
Settings: decide what the bundle captures — console, network, screen — and what gets masked before sharing.

Export one shareable bundle

Stop the recording and the extension assembles a single bundle with the screen recording, console log, network log and repro steps. Send that to a teammate or attach it to a ticket — they get the full picture, not a lone screenshot.

Built locally, redacted by default

ReproKit is local-first: the bundle is assembled in your browser and auto-redacted, with no all-sites access required. Nothing is uploaded unless you choose to share it.

Turn a bug into one clear report

Capture screen, console, network and steps in one auto-redacted bundle — local-first, no all-sites access.

See ReproKit →