Chrome DevTools MCP

Vytvořeno: 5.5.2026 | Aktualizováno: 05.05.2026 19:56

Chrome DevTools MCP (chrome-devtools-mcp) je MCP server vyvíjený přímo týmem Chrome DevTools v Googlu. Umožňuje AI agentům ovládat Chrome prohlížeč a přistupovat k nástrojům vývojářské konzole — výkonnostní analýza, ladění paměti, Lighthouse audity nebo inspekce síťových požadavků.

Ve srovnání s Playwright MCP jde o komplementární nástroj zaměřený na debugging a DevTools, ne na web automation a testování.

Oba nástroje ovládají Chrome prohlížeč přes CDP (Chrome DevTools Protocol), ale na jiných vrstvách a s jiným zaměřením:

Playwright MCP je vhodný pro navigaci, vyplňování formulářů, scraping a screenshoty. Chrome DevTools MCP to vše také umí, ale hlavní přínos je jinde — v nástrojích, které Playwright přímo neposkytuje.

Chrome DevTools MCP má přes 40 nástrojů rozdělených do kategorií.

Nahraje DevTools performance trace a vrátí konkrétní actionable insights — ekvivalent záložky Performance v DevTools. Playwright toto neumí.

• performance_start_trace — spustí nahrávání
• performance_stop_trace — zastaví a vrátí analýzu

Spustí Lighthouse audit přímo z MCP bez potřeby CLI nebo pluginu. Výsledek obsahuje skóre výkonu, přístupnosti, SEO a best practices.

Heap snapshot a analýza memory leaks — odpovídá záložce Memory v DevTools.

Konzolové chyby vrátí s původními soubory a řádky, ne bundlovaným dist/. Klíčový rozdíl pro debugging produkčního kódu — Playwright konzolové chyby vrátí bez tohoto kontextu.

Detailní přehled síťových požadavků včetně hlaviček, těla a timingů.

Instalace a odinstalace Chrome extensions za běhu — pro testování extension nebo specifických prostředí.

Standardní automation nástroje (klikání, vyplňování, navigace, screenshoty) jsou k dispozici stejně jako u Playwright MCP.

Vyžaduje Node.js v20.19+ a Chrome stable nebo novější.

Základní konfigurace pro Claude Code (~/.claude.json):

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

Slim mode — jen 3 základní nástroje, vhodné pro jednoduché úkoly:

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

Chrome DevTools MCP interně používá Puppeteer, který si stejně jako Playwright stáhne bundlovaný Chrome kompilovaný pro glibc. Na Alpine Linux (musl libc) a ARM64 to selže ze stejného důvodu jako u Playwright.

Chrome DevTools MCP podporuje připojení k externě spuštěnému Chromiu přes CDP port. „Externě„ neznamená jiný stroj — oba procesy běží na stejném ARM64 stroji, Chromium jen poběží jako samostatný proces a chrome-devtools-mcp se k němu připojí přes localhost.

Krok 1: Spusť systémový Chromium z apk s CDP portem:

chromium --headless --no-sandbox --disable-setuid-sandbox \
         --disable-dev-shm-usage \
         --remote-debugging-port=9222

Krok 2: Nakonfiguruj chrome-devtools-mcp s –browser-url:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest", "--browser-url", "http://127.0.0.1:9222"]
    }
  }
}

V tomto módu se Puppeteer nepokusí spustit vlastní browser — jen se připojí přes CDP na port, kde Chromium už běží. Systémový Chromium z Alpine apk je kompilovaný pro musl a ARM64, takže žádné glibc problémy.

Oproti Playwright wrapperu (který používá –executable-path a wrapper skript) je přístup přes –browser-url čistší — chrome-devtools-mcp nezasahuje do spouštění Chromia vůbec.

Poznámka: Jestli –browser-url mód plně podporuje všechny nástroje (zejména performance tracing a memory snapshots), nebylo zatím ověřeno v praxi na Alpine/ARM64. Základní automation a debugging by fungovat měly.

• Playwright MCP → navigace, klikání, vyplňování formulářů, screenshoty, scraping. Funkční na Alpine/ARM64 (viz postup pro Alpine/ARM64).
• Chrome DevTools MCP → debugging výkonu, Lighthouse audity, analýza paměti a sítě, source-mapped chyby. Zajímavé pro vývoj frontendu nebo debug produkčního kódu.

Nástroje se překrývají jen v základní automatizaci. Ve zbytku jsou komplementární — dává smysl mít oba nastavené současně.

• chrome-devtools-mcp – GitHub
• Playwright MCP v Dockeru na Alpine Linux / ARM64