io.github.Dayananda-D/devcdp MCP Server

This Model Context Protocol (MCP) server provides Chrome DevTools capabilities for AI assistants, including console, network, DOM, source maps, breakpoints, and live variables. It is associated with the topics “chrome-devtools,” “debugging,” “gemini-cli-extension,” “mcp,” “mcp-server,” and “model-context-protocol.”

🛠️ Key Features

Console access
Network inspection
DOM inspection
Source maps support
Breakpoints
Live variables

🚀 Use Cases

Debugging web behavior with an AI assistant
Inspecting browser console and network activity
Analyzing DOM state and source mappings during debugging
Tracking variable values while stepping through breakpoints

⚡ Developer Benefits

Integrates browser debugging primitives into an MCP setup
Uses Model Context Protocol for structured access to DevTools capabilities

⚠️ Limitations

No additional operational, tool-count, or configuration details are provided in the available data.

Install

Configuration

Environment variables

DEVCDP_CHROME_PATH

Path to the Chrome executable, when it is not on the default install path.

DEVCDP_LOG_LEVELdefault info

Server log verbosity on stderr: debug, info, warn or error.

Add to VS Code Add to Cursor

claude_desktop_config.json

json

{
  "mcpServers": {
    "devcdp": {
      "command": "npx",
      "args": [
        "-y",
        "devcdp@5.0.1"
      ],
      "env": {
        "DEVCDP_CHROME_PATH": "<YOUR_DEVCDP_CHROME_PATH>",
        "DEVCDP_LOG_LEVEL": "info"
      }
    }
  }
}

io.github.Dayananda-D/devcdp