概述
Loggy is a browser DevTools extension that turns Console and Network activity into clean, structured Markdown — compiled for token efficiency so you can debug faster with AI coding agents.
Why Loggy?
Debugging with AI usually means copying logs, formatting them, and stripping out noise before pasting into a chat. Loggy does that work for you — no need to even open the DevTools panel.
Debug Android browsers without USB
Loggy works on Firefox for Android. Pair it with
loggy-serve running on your dev machine and you can capture mobile browser logs over the network — no ADB, no USB cable, no remote debugging setup. Just open the page on your phone, reproduce the bug, and the logs land on your desktop ready to paste into your AI chat.
The AI Debugging Flow
This is the workflow Loggy was built for:
- Describe the bug to your AI coding agent (Claude Code, Cursor, etc.)
- Ask it to add strategic console logs to help diagnose the issue
- Reproduce the bug in your browser (desktop or Android)
- Copy Loggy's compiled output and paste it back into the AI chat
- Let the AI fix it with full context of exactly what happened
This loop is incredibly effective because the AI gets structured, filtered, token-efficient logs instead of raw noise.
Features
- One-click capture — Grab Console logs and Network requests from the current page instantly
- Android support — Capture logs from Firefox for Android via
loggy-serve — no USB debugging required - Smart filtering — Regex-based console filters plus include/exclude patterns for network requests (prefix with
- to exclude, e.g. api.v1 -*.png) - Automatic pruning — Removes binary payloads, base64 blobs, and oversized responses so the output stays readable and token-efficient
- Structured Markdown output — Clean tables with timestamps, log levels, request details, and response summaries
- Copy to clipboard — Export everything in one click, ready to paste
- Server export — Sync logs to your own
loggy-serve instance for cross-device and mobile workflows
How to use (desktop)
- Open DevTools (
F12) on any page - Click the Loggy tab
- Apply filters if you want to narrow the output
- Click Copy to Clipboard
- Paste into your AI coding agent chat
How to use (Android)
- Start
loggy-serve on your dev machine:
npx loggy-serve --port 8743 - On your Android device, open Firefox and navigate to the page you want to debug
- Open Loggy from the browser menu and point it to your server (e.g.
http://192.168.1.100:8743) - Reproduce the issue, then export — logs land on your dev machine instantly
- Use
loggy print or check http://localhost:8743/loggy/export to grab the output
Using with loggy-serve
npm install -g loggy-serve
or
npx loggy-serve --port 8743
npm package: loggy-serve
Privacy
Loggy runs locally in your browser by default:
- No data sent to external servers
- No analytics or tracking
- Clipboard access only triggered by your explicit action
- Optional server export only runs when you connect it to your own
loggy-serve instance
v1.2.0
- release(extension): v1.2.0 (34c2719)
- feat(export-options): add token limit controls and adjust default (c2b4dfb)
- feat(components): add icons to export option checkboxes (582f896)
- style(popup): adjust max width and button sizes (a7aa859)
- feat(popup-header): add copy to clipboard button and status indicator (1d7d693)
来自商店的评价 (0)