FE Debug Logger

Capture frontend debug logs as structured Markdown for your coding agent

⚡ What it captures: • Console errors, warnings, unhandled exceptions with stack traces • User actions — clicks, form inputs, navigation with DOM selectors • Network issues — HTTP errors (4xx/5xx) and slow requests (> 3s) • Component state — auto-detects React & Vue, captures props/state trees • DOM annotations — click elements and add notes to highlight problem areas • Screenshots — full page or a selected region, each with an optional note 💬 Feedback mode (new): • A floating Feedback button on the sites you enable • Freeze the page, pick any element, write a bug or a suggestion • Review every item in one place, with the console errors and network issues captured alongside • Export everything as one Markdown file or ZIP to hand to your coding agent or your team 🔒 Privacy-first: • All data stored locally — never sent to external servers • No analytics, no tracking, no third-party integrations • Sensitive fields (passwords, tokens, API keys) automatically masked • Open source: https://github.com/minhtn012/fe-debug-logger 🛠 How it works: 1. Navigate to the page with the bug 2. Click the extension icon → toggle capture categories 3. Click Start → reproduce the issue 4. Click Stop → Copy the Markdown, or Export a ZIP with the log and screenshots 5. Paste into your coding agent — it has full context to fix the bug Built with Manifest V3, vanilla JavaScript, zero external dependencies.