MCP server Official

Chrome DevTools MCP

Lets your coding agent control and inspect a live Chrome browser: performance traces, network, console, screenshots, automation.

Author
Chrome DevTools (Google)
Works with
Any MCP client, Claude Code, Cursor
License
Apache-2.0
Documented
Oct 2, 2026

What Chrome DevTools MCP is

chrome-devtools-mcp is an MCP server that gives coding agents access to Chrome DevTools for automation, debugging and performance analysis. It uses puppeteer for reliable automation. A CLI is also provided for use without MCP.

What it does

How Chrome DevTools MCP plugs in: which agents run it and what it addsRUNS INYour agentClaude CodeCursorAny MCP client3 hosts documentedMCP SERVER · OFFICIALChrome DevTools MCPConnect the agent to tools, data…4 install steps1 permission notelicense: Apache-2.0WHAT IT ADDSWhat it doesRecord performance traces and ext…Analyze network requests and read…Take screenshotsAutomate Chrome actions via puppe…agent → extension → new capability · from the official repository or docs
Where Chrome DevTools MCP runs and what it adds, from its documentation
  • Record performance traces and extract insights
  • Analyze network requests and read console messages with source-mapped stack traces
  • Take screenshots
  • Automate Chrome actions via puppeteer with automatic waiting
  • Slim mode for basic browser tasks (--slim)

When to use it

Good fit

  • Debugging a web page's performance with an agent
  • Letting an agent verify UI changes in a real browser
  • Inspecting console and network errors

Not for

  • Non-Chrome browsers (only Chrome and Chrome for Testing officially supported)
  • Sessions holding sensitive data you do not want exposed to the MCP client

How to install Chrome DevTools MCP

You need: Node.js LTS; Chrome current stable or newer; npm

  1. Ensure Node.js LTS, npm and current stable Chrome are installed
  2. Add the config to your MCP client
  3. See the client configurations guide for Claude Code, Cursor, VS Code
  4. Test with: Check the performance of https://developers.chrome.com
Configuration example (from the official docs)
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Permissions and security

What it can access

  • Inspect, debug and modify any data in the controlled browser instance or DevTools

Security notes from the maintainers

  • Avoid sharing sensitive info with MCP clients
  • Performance tools may send trace URLs to Google CrUX API; disable with --no-performance-crux
  • Usage statistics on by default; opt out with --no-usage-statistics or CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS/CI env; update checks disabled via CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS

Review the source before granting an agent access to credentials or production systems. We document what the maintainers state; we do not audit code.

Limitations

  • Other Chromium browsers may work but not guaranteed
  • Browser starts only when a tool needing it is used

Tools it extends

Frequently asked questions

Does Chrome DevTools MCP collect usage data?

Yes, Google collects usage statistics by default; opt out with --no-usage-statistics. source

Which browsers does Chrome DevTools MCP support?

Google Chrome and Chrome for Testing officially; other Chromium browsers are not guaranteed. source

How do I install Chrome DevTools MCP?

Add a server running npx -y chrome-devtools-mcp@latest to your MCP client config. source

Does Chrome DevTools MCP send URLs to Google?

Performance tools may send trace URLs to the CrUX API; disable with --no-performance-crux. source

Related guides

Sources and gaps

Not stated by the maintainers: Last release date; Full tool list in tool-reference.md not fetched.

More extensions to look at