BugSpotter Demo - Test All Capture Features

Console Data Test Console Capture

Generate console entries to test logging capture functionality.

Network Activity Test Network Capture

Test network request capture with various API endpoints.

Visual Capture Auto-captured

Screen content is automatically captured when generating a report.

🎨 This content will be captured in the screenshot!

ID: screenshot-test-element-${Date.now()}

System Information Auto-captured

Environment details including browser, viewport, operating system, and timestamps are automatically collected.

Generate Report

Use the floating capture button (bottom-right) or the button below to collect all data: console entries, network activity, visual capture, and system information.

🎥 Session Replay 30-Second Buffer

Your interactions are continuously recorded in a 30-second circular buffer. DOM changes, clicks, scrolls, and mouse movements are captured automatically. Play back your session below!

📥 Replay Submitted Reports

Fetch and replay session recordings from previously submitted bug reports.

📹 Live Session Recording

Record your current session and play it back immediately.

📹 Session Replay Player

Ready to play

🔒 Data Sanitization Privacy & Security

Test automatic detection and sanitization of PII (Personally Identifiable Information) and sensitive credentials.

            Sample Sensitive Data:

            PII (Personal Info):

            Email: john.doe@example.com

            Phone: (555) 123-4567

            Credit Card: 4532-1234-5678-9010

            SSN: 123-45-6789

            Credentials (Secrets):

            API Key: sk_live_abc123def456ghi789

            Token: ghp_1234567890abcdefghijklmnopqrstuv

            Password: MySecureP@ss123

🔐 Authentication Flexibility Multiple Auth Methods

BugSpotter supports multiple authentication methods: API Key, Bearer Token with auto-refresh, and OAuth. Switch between auth methods and test token refresh on 401 errors!

📦 Gzip Compression 70-90% Reduction

Bug reports are automatically compressed using gzip before sending to the server. Screenshots are optimized to WebP format and resized. Test the compression below to see real-time size reduction!

🎈 Floating Button Widget Customizable

The floating bug button appears in the bottom-right corner. Click it to capture a bug report! You can also test the widget configuration options below.

🪟 Bug Report Modal UI Demo

Click below to open the Bug Report Modal directly, with a sample screenshot preview. Submitting the form will display the bug data below.

🧩 Chrome Extension Zero-Code Bug Reporting

Report bugs on any website without modifying its code. Install the BugSpotter Chrome Extension to capture screenshots, console logs, network requests, and session replays from any page.

One-click capture Screenshot + console + network + replay in a single click

Works everywhere Any website — staging, production, or third-party tools

PII auto-redaction Configurable privacy presets (GDPR, PCI, Financial)

Offline queue Reports are queued locally and synced when back online

Quick Setup

Install the extension

Download and load in Chrome via chrome://extensions (Developer mode)

Connect to this instance

Click "Connect to Demo" in the extension options — auto-fills the URL and API key

Report a bug

Navigate to any page, click the extension icon, fill in the title, and submit

View in Admin Panel

Open the admin panel to see the report with full context and session replay

Your Demo API Key

Copy this API key into the extension options to connect it to this demo instance.

Loading...

BugSpotter SDK Demo