Bug Recorder icon

Bug Recorder

by ahmed1996sherif

v1.0.1 Updated Dec 9, 2025 41.79KiB
CWS
12
Users
β˜… 0.00
0 reviews
#107357
of 191.8K
developer
#9268 of 16.8K

Description

# πŸ› Bug Recorder Chrome Extension > **🎬 Your Personal Bug Reporter** - Never struggle to explain a bug again! This extension automatically records everything you do on a webpage and generates a step-by-step bug report that developers can use to recreate issues instantly. ## 🎯 What It Does Transform your bug reporting workflow from hours of writing to **one click**! This powerful Chrome extension watches everything you do, captures all the important details, and generates professional bug reports that developers actually want to read. ### πŸŽ₯ Core Recording Features - **πŸ–±οΈ Click & Input Tracking** - Automatically captures every button click and form entry with field labels, so developers know exactly what you interacted with - **⚠️ Error Detection** - Instantly records JavaScript errors and form validation messages as they happen, no more "it just broke" reports - **🌐 Network Monitoring** - Tracks API calls and identifies slow or failed requests, perfect for debugging backend issues ### πŸ“„ Report Generation - **πŸ“₯ HTML Export** - Download a beautifully formatted report with all steps, details, and visual elements - ready to share with your team - **πŸ“‹ Text Copy** - One-click copy of a plain text version perfect for pasting into Jira, emails, or Slack - **πŸ“Έ Screenshots** - Optionally capture visual snapshots at each step to show exactly what the page looked like ### 🧠 Smart Features - **πŸ”„ Multi-Page Support** - Continues recording seamlessly as you navigate between pages - no need to restart for complex workflows - **πŸ”’ Sensitive Data Masking** - Automatically hides passwords and credit card numbers to keep your reports secure - **βš™οΈ Customizable Settings** - Choose exactly what to record (clicks, inputs, errors, network, screenshots) - tailor it to your needs --- ## Features ### Capture Options - βœ… **Clicks** - Records all button clicks, links, and interactive elements - βœ… **Form Inputs** - Captures text entry, dropdowns, checkboxes with field labels - βœ… **Navigation** - Tracks page navigation and URL changes - βœ… **Scrolling** - Records scroll positions (optional) - βœ… **Console Errors** - Captures JavaScript errors and promise rejections ### Report Options - πŸ“Š **Timestamps** - Include time for each action - πŸ”— **URLs** - Track which page each action occurred on - πŸ“Έ **Screenshots** - Capture visual state at each step (optional) - πŸ“₯ **Export Formats** - Download as HTML or copy as text ## Usage ### Recording a Bug 1. **Click the extension icon** in the toolbar 2. **Configure capture settings** (checkboxes for what to record) 3. **Click "▢️ Start Recording"** 4. **Perform the steps** that lead to the bug 5. **Click "⏹️ Stop Recording"** when done ### Generating a Report After recording: 1. **Download HTML Report**: Click "πŸ“₯ Download Report (HTML)" - Opens a beautiful, formatted report in your browser - Includes all steps with descriptions and details - Can be shared with developers 2. **Copy to Clipboard**: Click "πŸ“‹ Copy to Clipboard" - Copies plain text version
Bug Recorder screenshot 1Bug Recorder screenshot 2

Reviews

Loading reviews...

Permissions (4)

Permissions

activeTabβ„Ή Can access the current tab when you click the extension scriptingβ„Ή Can inject scripts into web pages storageβ„Ή Can store data locally in your browser unlimitedStorage

Details

Version 1.0.1
Updated Dec 9, 2025
Size 41.79KiB
First Seen Mar 31, 2026