Developer ToolsAdvanced

Chrome DevTools

by Chrome Community

2.1k

Chrome DevTools Protocol integration for browser debugging, performance profiling, network inspection, and automated testing of web applications.

CAPABILITIES

Remote debugging
Network traffic inspection
Performance profiling
Console API access
DOM manipulation
Coverage analysis

INSTALLATION

Terminal

npx -y @chrome/mcp-server-devtools

CLAUDE DESKTOP CONFIG

claude_desktop_config.json

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

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

QUICK FACTS

Category: Developer Tools
Difficulty: Advanced
Maintained By: Chrome Community
NPM Package: @chrome/mcp-server-devtools

RELATED SERVERS

Sentry
Raygun
Context7

NEW TO MCP?

Learn how to set up MCP servers with Claude Desktop step by step.

Read the tutorial →