---
title: "Chrome DevTools MCP server: debug and profile Chrome with AI agents"
canonical_url: https://cookiesforai.app/mcp/chrome-devtools
last_updated: 2026-10-03T10:04:47+02:00
type: mcp
summary: "The Chrome DevTools MCP server gives AI agents control of a live Chrome browser with DevTools access: performance traces, network requests, console errors, Lighthouse audits, memory snapshots and page automation."
install: "claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest"
related:
  - "https://cookiesforai.app/mcp/browser-use"
  - "https://cookiesforai.app/mcp/browserbase"
  - "https://cookiesforai.app/mcp/playwright"
---

# Chrome DevTools MCP server

The Chrome DevTools MCP server gives AI agents control of a live Chrome browser with DevTools access: performance traces, network requests, console errors, Lighthouse audits, memory snapshots and page automation.

| Fact | Value |
|---|---|
| Publisher | Google Chrome DevTools team (official) |
| Source | https://github.com/ChromeDevTools/chrome-devtools-mcp |
| License | Apache-2.0 |
| GitHub stars | 52,860 on 2026-10-02 |
| Last code push | 2026-10-01 |
| Page updated | 2026-10-03 |
| Official MCP Registry | io.github.ChromeDevTools/chrome-devtools-mcp |
| Documented clients | Claude Code, Codex, Gemini CLI, Gemini Code Assist, GitHub Copilot CLI, VS Code, Visual Studio, Cursor, Windsurf, Cline, Google Antigravity, Amp, Devin CLI, Factory CLI, Grok Build CLI, JetBrains AI Assistant, Junie, Kiro, Mistral Vibe, OpenCode, Qoder, Warp |
| Category | Browser automation and testing |
| Free tier | Free |
| Cost | Free and open source under Apache-2.0; it drives your own Chrome locally, with no account or usage fees. |
| Current prices | https://github.com/ChromeDevTools/chrome-devtools-mcp |
| Facts checked | 2026-10-02 |

## Connect

Claude Code:

```
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
```

Codex:

```
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
```

Gemini CLI:

```
gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
```

Cursor and other clients with a JSON config:

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

Add --slim --headless to the args for basic browsing with fewer tools and no window. Performance tools may send page URLs to Google's CrUX API for real-user data; --no-performance-crux turns that off.

## Ask your coding agent

```text
Connect the Chrome DevTools MCP server to my coding agent using its documented setup: https://github.com/ChromeDevTools/chrome-devtools-mcp.
```

## What it does

The Chrome DevTools MCP server, which Google calls Chrome DevTools for agents, lets an AI coding agent control and inspect a live Chrome browser. Its edge over plain automation is the DevTools side: the agent can record a performance trace and read the insights out of it, list and open network requests, read console messages with source-mapped stack traces, read computed CSS, and run a Lighthouse audit on a page.

Chrome DevTools MCP also covers the usual page actions through Puppeteer, which waits for each action to finish: navigate, click, fill forms, type, drag, upload files, handle dialogs and emulate devices or slow networks. Recent versions add memory work, where the agent takes heap snapshots and compares them to find leaks, plus screencasts and Chrome extension tools. A slim mode keeps only basic browser tools for agents that need fewer tokens.

The server runs locally with npx and starts Chrome the first time a tool needs it; it can also attach to a Chrome you already have open. The GitHub repo had 52,839 stars on 2026-10-01.

Tools it gives your agent: `navigate_page`, `click`, `fill_form`, `take_snapshot`, `take_screenshot`, `list_console_messages`, `list_network_requests`, `get_network_request`, `performance_start_trace`, `performance_analyze_insight`, `lighthouse_audit`, `take_heapsnapshot`

## When to use it

- Your page is slow and you want the agent to trace it and name the cause.
- The agent changed code and should confirm there are no new console errors or failed requests.
- You want a Lighthouse score and fixes for accessibility or SEO issues.
- You suspect a memory leak and want heap snapshots compared before and after an action.

## When to pick something else

- Firefox or Safari: Google officially supports only Chrome and Chrome for Testing.
- Private browsing data: the agent sees everything in the browser it controls, and Google collects usage statistics by default (turn off with --no-usage-statistics).

## What it needs

- Node.js LTS and npm
- Google Chrome, current stable or newer

## Questions people ask

### Is the Chrome DevTools MCP server free?

Yes. Google publishes it under Apache-2.0, and it runs locally against your own Chrome.

### Chrome DevTools MCP or Playwright MCP?

Chrome DevTools MCP is stronger for debugging: performance traces, Lighthouse, network detail and memory snapshots, in Chrome only. Playwright MCP covers more browsers and is built around automation and tests.

### Does Chrome DevTools MCP send data to Google?

It collects usage statistics such as tool success rates by default, and performance tools can query the CrUX API. Both can be switched off with flags, and statistics stay off when the CI variable is set.

## Related

### Other MCP servers for browser automation and testing

- [Browser Use](https://cookiesforai.app/mcp/browser-use): The Browser Use MCP server gives AI agents the Browser Use browsing agent, either as a local open-source server with direct browser tools or as a cloud server that runs whole web tasks.
- [Browserbase](https://cookiesforai.app/mcp/browserbase): The Browserbase MCP server gives AI agents a browser that runs in Browserbase's cloud, controlled with plain-language commands through Stagehand: navigate, act on the page, observe elements and extract data.
- [Playwright](https://cookiesforai.app/mcp/playwright): The Playwright MCP server gives AI agents a real browser driven by Microsoft's Playwright: navigate, click, type and fill forms using the page's accessibility tree instead of screenshots.

