Description

This Chrome DevTools Protocol MCP server by Benjamin Rowell provides AI assistants with direct access to Chrome browser debugging capabilities through WebSocket connections to Chrome's remote debugging interface. Built in Python with comprehensive error handling and real-time event processing, it enables browser automation, network request monitoring, DOM inspection, JavaScript execution, console log analysis, performance metrics collection, and storage management across web applications. The implementation maintains persistent connections to capture live browser data and supports headless Chrome operations, making it particularly useful for web development debugging, automated testing workflows, and performance analysis tasks where AI assistants need to interact with and analyze web applications in real-time.

Installation

git clone https://github.com/benjaminr/chrome-devtools-mcp

Claude Desktop Configuration

Add this configuration to your Claude Desktop config file to enable this MCP server:

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

Config file location: %APPDATA%\Claude\claude_desktop_config.json

Config file location: ~/.config/Claude/claude_desktop_config.json

claude_desktop_config.json

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "node",
      "args": [
        "path/to/server.js"
      ]
    }
  }
}