Chrome DevTools

MCP Server

by benjaminr · Added 5mo ago

Claude
292

Install

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

Add to Claude

claude mcp add benjaminr-chrome-devtools-mcp

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/chrome-devtools"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

Connects to Chrome's remote debugging interface via WebSocket to enable browser automation, network monitoring, DOM inspection, JavaScript execution, console analysis, performance metrics collection, and storage management for web development and testing workflows.

Tags

File Systemsmcp-servertypescript

From Our Store

View all →
Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations

OpenClaw

OpenClaw Business Starter Kit

$59+

Set Up Your AI Assistant in 60 Minutes