chrome-devtools-mcp

What it is

Chrome DevTools MCP is an official MCP server from the Chrome DevTools team that enables coding agents to control and inspect live Chrome browsers. It provides three core capabilities: performance insights (recording traces and extracting actionable data), advanced debugging (analyzing network requests, capturing screenshots, examining console messages with source-mapped stack traces), and reliable browser automation using Puppeteer with automatic result waiting. The server supports two modes: full mode with access to all Chrome DevTools capabilities, and a slim mode (via the --slim flag) for basic browser tasks with a reduced tool surface and optional headless operation. The browser launches automatically when tools are invoked -- simply connecting to the MCP server does not start Chrome. Configuration guides are available for Claude Code, Cursor, VS Code, and Antigravity. Advanced features include concurrent browser sessions, persistent data directories, remote Chrome debugging, and Android device support. Data collection is enabled by default but can be disabled via the --no-usage-statistics flag. The server can also be integrated as a browser subagent component within larger agentic tools.

Who it's for

• web developers
• performance engineers
• QA engineers
• frontend developers

Requirements

Setup

1. Step 1

   bashCopy

   Add to MCP client config: {"mcpServers":{"chrome-devtools":{"command":"npx","args":["-y","chrome-devtools-mcp@latest"]}}}

Examples

Check the performance of https://developers.chrome.com

Pros & cons