Chrome DevTools MCP

ChromeDevTools/chrome-devtools-mcp

Google's official MCP server that lets coding agents control a real Chrome: read the console, capture network requests, run performance profiles, take screenshots.

Why pick itAfter a frontend change the agent can open the browser to verify and debug on its own, with DevTools-level detail beyond screenshot-only browser tools.

Install

GitHub
ChromeDevTools/chrome-devtools-mcp
Website
developer.chrome.com
Stars
★ 54.1k
License
Apache-2.0
Language
TypeScript
Last push
Oct 23, 2026
Category
MCP & Agents

Good for

Getting started

  1. Make sure Node.js LTS, npm and current stable Chrome are installed
  2. Run claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
  3. Test it in Claude Code with the prompt "Check the performance of https://developers.chrome.com"

Before you install

MCP clients can inspect and modify any data in the browser, so avoid sensitive information. Google collects usage statistics by default (opt out with --no-usage-statistics), and performance tools may send trace URLs to the CrUX API (disable with --no-performance-crux).

Summarized by AI from the project docs; check the official docs before relying on it.

Similar tools

More in MCP & Agents →

Source GitHub · Updated Oct 24, 2026 · All rights belong to the original creators