Free Chrome extension for QA and developers

Bug reports that
explain themselves

Press Alt+B when something breaks. BugSnap captures the screenshot together with the console errors, the failed request and the clicks that led there — then files the issue for you.

Chrome extension · No account · Shortcut Alt + B
💳 Enterprise Checkout · Payment Failed 502 Bad Gateway

Account: usr_live_**** · Token: Bearer ***REDACTED***

①
②
🐞 BUGSNAP REPORT 🎬 15s replay · 🐚 cURL · 📄 source
🚨 [CONSOLE] Uncaught TypeError: Cannot read properties of null (reading 'transaction_id') at checkout.js:418
🌐 [NETWORK] POST /api/v2/payment/charge → 502 Bad Gateway (342ms) [Trace: req_live_98a7bc12]
📄 [SOURCE] >> 418 | const txId = payload.data.transaction_id; // 💥 payload.data is null on HTTP 502
🧠 [LIKELY CAUSE] The 502 response had no data, so checkout.js:418 read null. Suggested fix: payload?.data?.transaction_id
🎬

See what happened before the crash

BugSnap keeps the last 15 seconds of mouse movement, clicks and typing. Replay them in the report, or share them as a single HTML file.

🐚

Rerun the failed request

Every failed request becomes a ready-to-run curl command, with tokens replaced by ***REDACTED***.

🧠

Jump to the line that broke

See the source lines around the error, plus a likely cause when a failed request set off the crash.

🚀

File it in one click

Create a GitHub or Linear issue directly, or send the report to Slack, Feishu or WeCom. No copy-pasting.

🌐 Also for your customers

Let your users report bugs without installing anything

Add one <script> tag to your web app. When a user hits an error, a small button lights up and sends you the same full report: clicks, console, network and cURL.

<script src="https://midnightstudio.online/snapcard/bugsnap/widget/bugsnap-widget.js" data-project="My-SaaS"></script>

Free

$0 / forever

Early access

Free / while in beta