Chrome DevTools

The Chrome DevTools MCP server provides AI agents with access to Chrome DevTools Protocol capabilities. Debug web pages, analyze performance, inspect networks, and automate browser interactions.

Capabilities

• DOM — Inspect and manipulate the page DOM tree
• Network — Monitor network requests, responses, and performance
• Console — Capture console logs and JavaScript errors
• Performance — Analyze page load metrics and profiling data
• Screenshots — Capture full-page or element screenshots
• JavaScript — Execute arbitrary JavaScript in the page context
• Emulation — Simulate devices, geolocation, and network conditions

Usage

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

Getting Started

1. Launch Chrome with remote debugging: chrome --remote-debugging-port=9222
2. Or use Chrome DevTools headless mode for automated testing
3. The MCP server connects to the running Chrome instance