Chrome DevTools MCP

Chrome DevTools MCP

by Google / Chrome DevTools

MCP server exposing Chrome DevTools debugging capabilities to AI assistants

See Chrome DevTools MCP preview and docs

Summary

Chrome DevTools MCP is a public preview MCP server that connects AI coding assistants to live Chrome debugging APIs. It gives agents the ability to inspect DOM/CSS, read console logs, analyze network requests, record performance traces, and automate interactions — enabling code generation + real browser validation/debugging.

Features

• 26 debugging actions (DOM/CSS inspection, network analysis, console logs)
• Performance trace recording and analysis via performance_start_trace
• Streamlined install via npx chrome-devtools-mcp@latest configuration for MCP clients
• Works with Cursor, Claude Code, Gemini CLI and other MCP-enabled clients

Superpowers

Lets AI agents run and validate their generated web code against a real browser instance — removes the ‘blindfold’ from AI coding assistants.

Known limitations & notes

• Public preview: use pinned versions in production configs
• Requires Chrome or Chromium-compatible environment and appropriate security settings

Sources / notes:

• Chrome DevTools and MCP community docs, previews and demos.