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 ```json { "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