Chrome Console Log MCP Server

Chrome Console Log MCP Server

Captures browser console logs via Chrome DevTools Protocol and exposes them to MCP clients over SSE, enabling log retrieval with the getConsoleLogs tool.

Category
Visit Server

README

Chrome Console Log MCP Server

Capture browser console logs via the Chrome DevTools Protocol and expose them to an MCP client over SSE.

Useful for getting console log for extensions that run outside of the main browser window!

Install

npm install -g @onlyhumn/chrome-console-log-mcp-server

Or run without installing:

npx @onlyhumn/chrome-console-log-mcp-server --match "YOUR_URL_SUBSTRING"

From a clone:

npm install
node server.js --match "YOUR_URL_SUBSTRING"

Usage

  1. Start the browser with remote debugging:

    /Applications/Brave\ Browser.app/Contents/MacOS/Brave\ Browser --remote-debugging-port=9222
    
  2. Start the server (requires --match):

    npx @onlyhumn/chrome-console-log-mcp-server --match "YOUR_URL_SUBSTRING"
    

    Examples:

    npx @onlyhumn/chrome-console-log-mcp-server --match "localhost:3000"
    npx @onlyhumn/chrome-console-log-mcp-server --match "vlt-panel.html"
    
  3. Configure your MCP client:

    • Type: sse
    • URL: http://localhost:8766/sse
  4. Open or focus a page whose URL contains the match string. The server prints Attached to ... when it finds a match. Use the getConsoleLogs tool to read captured output.

Flags

Flag Default Meaning
--match required URL substring for CDP targets
--port 9222 CDP remote debugging port
--mcp-port 8766 HTTP port for MCP SSE
--log-dir /tmp/chrome-console-logs log directory
--log-max-bytes 10485760 (10 MB) rotate threshold
--log-keep 5 rotated .gz files to keep
--scan-interval 2000 CDP target rescan interval (ms)

Logs

Console events are appended to /tmp/chrome-console-logs/current.jsonl. When the file exceeds the rotate threshold it is gzipped and pruned so only the newest --log-keep archives remain.

Releasing

Publishes run from GitHub Actions on v* tags. The tag must match package.json "version".

  1. Ensure the npm org/user owns the @onlyhumn scope.

  2. First publish only: from a machine logged into npm (npm login), run npm publish --access public once so the package exists, or create the package on npmjs.com if your account allows it.

  3. On the package page → Trusted Publisher (values are case-sensitive; must match GitHub OIDC claims):

    • Repository: ONLYHUMN/chrome-console-log-mcp-server (not lowercase onlyhumn/...)
    • Workflow filename: publish.yml
    • Leave Environment blank (workflow does not set one)
  4. Bump "version" in package.json, commit, push to master.

  5. Tag and push:

    git tag v1.0.1
    git push origin v1.0.1
    

A Trusted Publishing failure often shows up as a misleading E404 from npm publish.

Troubleshooting

  • Browser must be started with --remote-debugging-port=9222 (or the port you pass to --port)
  • --match is required; without it the process exits immediately
  • Confirm the server printed Attached to ... for your page
  • MCP client URL should be http://localhost:8766/sse (or your --mcp-port)

License

MIT License

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured