Claude Code Reads Your DevTools

Stop copy-pasting console logs and network requests from DevTools. Browser Logger stores them in SQLite that Claude Code can query directly.

Local. Open source. Private. Way faster than DevTools MCP or Claude agents.

Run /claude-logs recent or /claude-logs search "error" to add browser logs to Claude Code's context instantly.

Setup in 3 Steps

1. Install the Extension

Clone the repo:

git clone https://github.com/cfeign/browser-logger.git

Open chrome://extensions/, enable "Developer mode", click "Load unpacked", and select the extension/ folder.

2. Start the Server

cd browser-logger && bun install && bun run logger start

The server listens on http://localhost:3001.

3. Start Using It

Open your app in the browser. Console logs and network requests are automatically captured.

Ask Claude Code: /claude-logs recent to see your logs, or ask directly: "Show me recent errors"

Common Questions

How does Claude Code read the logs?

Browser Logger stores logs in a SQLite database on your machine. Claude Code can query it directly using SQL or the REST API. No copy-pasting.

What gets captured?

All console.log, console.error, console.warn calls. Uncaught errors and promise rejections with stack traces. All HTTP requests with timing data (DNS, connect, SSL, send, wait, receive).

Why is this faster than DevTools MCP or agents?

No network round-trips. No third-party services. Claude Code queries your local SQLite database directly. Instant access to exactly the logs you need.

Does this slow down my app?

No. Logs are sent asynchronously in the background. Performance impact is negligible.

Is my data private?

Yes. All logs stay on your local machine. No cloud, no telemetry. Open-source software you run yourself.

What about multiple apps?

Browser Logger automatically tags logs by app. Set window.__APP_NAME__ = 'my-app' to tag them. Then query just that app's logs.