Skip to content

README.md

Latest commit

 

History

History
52 lines (37 loc) · 1.39 KB

README.md

File metadata and controls

52 lines (37 loc) · 1.39 KB
Raw

Bug Capture

Chrome extension that records user interactions, captures screenshots at each step, and exports a Markdown file ready to paste into Jira.

All processing is local — no server, no image uploads.

What it captures

Event Step recorded
Click Screenshot + element label
Keyboard input Debounced text per field
URL change Navigation step

Local setup

  1. Go to chrome://extensions
  2. Enable Developer mode
  3. Click Load unpacked → select /Users/danielducro/Projects/bug_capture

Usage

  1. Navigate to any web app
  2. Click the extension icon → Start
  3. Interact with the page (click, type, navigate)
  4. Click the extension icon → Stop
  5. Review steps — delete or reorder as needed
  6. Enter a session title → Export .md

The downloaded .md file contains inline base64 screenshots and renders in any Markdown viewer or Jira description field.

Export format

# Session title

## Step 1 — Click "Create Deal"
**Page:** Deals | HubSpot
**URL:** https://app.hubspot.com/deals/...
**Time:** 2026-03-24T14:27:36Z

![Step 1](data:image/png;base64,...)

File structure

manifest.json
content/tracker.js            — event listeners, element label extraction
background/service-worker.js  — session state, screenshots, markdown builder
popup/popup.html|css|js       — UI: start/stop, step review, export