Submit Log in

Chrome DevTools MCP

by Google Chrome DevTools team

v1.6.0

Apache-2.0

Repository Docs npm

Developer Tools

browser-automationdebuggingperformancedevtoolstestingcore-web-vitals

Summary

Google's official MCP server for driving and inspecting a real Chrome browser — automation, debugging, and performance traces.

Features

Drive a live Chrome browser: navigate, click, fill forms
Read console messages, network requests, and responses
Snapshot the DOM and accessibility tree
Record performance traces and extract Core Web Vitals
Evaluate scripts in the page context
Available as a standalone MCP server or a Claude Code plugin

Installation

Set up this MCP server in your favorite AI agent — copy a ready-made configuration below.

Any MCP-compatible agent

Most agents (Claude, Cursor, Windsurf, VS Code, and more) read a standard mcpServers configuration.

Open your agent's MCP configuration file.
Merge the snippet below into it.
Restart the agent — the "Chrome DevTools MCP" tools will be available.

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

Claude Code

Add the server with a single CLI command.

claude mcp add chrome-devtools-mcp -- npx chrome-devtools-mcp@latest

Claude Desktop

Add the server to claude_desktop_config.json (Settings → Developer → Edit Config).

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

Description

Chrome DevTools MCP, maintained by the Google Chrome DevTools team, gives coding agents a direct line into a real Chrome browser over the Chrome DevTools Protocol. Instead of writing and maintaining Puppeteer scripts, an agent can drive the browser and read back what actually happened.

It covers three jobs. Automation: navigate, click, fill forms, upload files, and wait on page state. Debugging: read console messages, inspect network requests and responses, take snapshots of the DOM and accessibility tree, and evaluate scripts in the page. Performance: record traces, extract Core Web Vitals, and get concrete insight into what is making a page slow — which is what makes it useful for verifying a fix rather than just guessing at one.

It officially supports Google Chrome and Chrome for Testing, runs locally via npx, and ships both as a standalone MCP server and as a Claude Code plugin that bundles matching skills.

Related MCP Servers

MCP: Azure DevOps MCP Server

by Microsoft

New

Microsoft's official MCP server for Azure DevOps - work items, repos, pipelines, wikis, test plans and iterations, reachable from any MCP client in plain language.

Developer Tools