OfficialBrowser & testinglocal stdio
Chrome DevTools MCP
Lets agents control and inspect a live Chrome browser with DevTools debugging and performance tracing.
Claude Code
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Codex
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
Cursor
{"mcpServers":{"chrome-devtools":{"command":"npx","args":["-y","chrome-devtools-mcp@latest"]}}}
Copilot (VS Code)
code --add-mcp '{"name":"io.github.ChromeDevTools/chrome-devtools-mcp","command":"npx","args":["-y","chrome-devtools-mcp"],"env":{}}'
Gemini CLI
gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
Commands and configuration as given in the server’s documentation (Documentation). Replace placeholders such as API keys with your own values.
Chrome’s official MCP server, built on Puppeteer and the DevTools frontend.
Agents can automate pages, inspect network requests and console messages with source-mapped stack traces, take screenshots, and record performance traces that come back as actionable insights. A --slim mode exposes a smaller tool set, and usage statistics are on by default but can be switched off.
Questions
How do I add Chrome DevTools MCP to Claude Code?
Run
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest.Does the Chrome DevTools MCP server need an API key?
No. Its documented auth is none; it runs locally over stdio.
Which clients does Chrome DevTools MCP document?
Claude Code, Codex, Cursor, Copilot in VS Code and Gemini CLI.
Can Chrome DevTools MCP usage statistics be turned off?
Yes. They are on by default but can be switched off.
Sources
Checked October 2, 2026.