ClaudeMap

Chrome DevTools MCP

Official Chrome DevTools MCP server — performance tracing, network inspection, and live debugging for coding agents.

MCP Serversofficialchromedebuggingbrowsergoogle
Visit projectChromeDevTools/chrome-devtools-mcp

The Google Chrome DevTools team's official MCP server gives agents direct access to browser debugging: performance trace analysis, network request inspection, console messages, screenshots, and DOM access, driven through a real Chrome instance. The de-facto choice when Claude Code (or any MCP client) needs to see why a page is slow or broken — a debugging focus that complements Playwright MCP's automation focus.

What it does

  • Performance tracing: record a trace and let the agent analyze Core Web Vitals, bottlenecks, and insights
  • Network inspection: request/response headers, bodies, and timing for any page interaction
  • Console + DOM: read console messages, evaluate scripts, take screenshots, and emulate devices
  • Drives a real Chrome instance via Puppeteer, exposed as MCP tools over stdio

When to use it

When an agent-built page is slow, throwing console errors, or behaving differently across devices — hand the agent Chrome DevTools instead of guessing from code. Pair with Playwright MCP: Playwright drives flows, Chrome DevTools explains what happened.

Getting started

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

Requires Chrome; the server launches and drives a local instance. Tool examples: performance_start_trace, network_request_from_url, take_screenshot.

Things to know

Debugging-focused, not an automation harness — for multi-step flows and form filling use Playwright MCP. It drives a real browser instance, so avoid pointing it at accounts you don't want touched.

Repository

ChromeDevTools/chrome-devtools-mcp

Charted

Related on the map

  • Exa MCP

    MCP Server

    Exa's official MCP server — live web search, crawling, and deep research wired into Claude.

    • official
    • search
    • web
    • mcp
    View

  • Vercel MCP Handler

    MCP Server

    Vercel's handler for spinning up MCP servers on Next.js, Nuxt, Svelte, and more.

    • deploy
    • vercel
    • serverless
    • edge
    View

  • GitMCP

    MCP Server

    Turn any GitHub project into an MCP docs hub — no server-side install required.

    • github
    • docs
    • per-project
    • no-install
    View