AI Tool Atlas
MCP-Server Offiziell

Chrome DevTools MCP

Lässt Ihren Coding-Agent einen laufenden Chrome-Browser steuern und untersuchen: Performance-Traces, Netzwerk, Konsole, Screenshots, Automatisierung.

Autor
Chrome DevTools (Google)
Funktioniert mit
Any MCP client, Claude Code, Cursor
Lizenz
Apache-2.0
Dokumentiert
Oct 2, 2026
Repository ↗ Offizielle Doku ↗ Registry ↗

Was Chrome DevTools MCP ist

chrome-devtools-mcp ist ein MCP-Server, der Coding-Agents Zugriff auf die Chrome DevTools für Automatisierung, Debugging und Performance-Analyse gibt. Für zuverlässige Automatisierung nutzt er puppeteer. Zusätzlich gibt es eine CLI für den Einsatz ohne MCP.

Was es kann

Wie sich Chrome DevTools MCP einbinden lässt: welche Agenten es ausführen und was es ergänztLÄUFT INIhr AgentClaude CodeCursorAny MCP client3 Hosts dokumentiertMCP SERVER · OFFIZIELLChrome DevTools MCPDen Agenten mit Tools, Daten und…4 Installationsschritte1 BerechtigungshinweisLizenz: Apache-2.0WAS ES ERGÄNZTWas es kannPerformance-Traces aufzeichnen un…Netzwerkanfragen analysieren und…Screenshots aufnehmenChrome-Aktionen über puppeteer mi…Agent → Erweiterung → neue Fähigkeit · aus dem offiziellen Repository oder der Dokumentation
Wo Chrome DevTools MCP läuft und was es ergänzt, laut Dokumentation
  • Performance-Traces aufzeichnen und Erkenntnisse daraus ableiten
  • Netzwerkanfragen analysieren und Konsolenmeldungen mit Source-Map-Stacktraces lesen
  • Screenshots aufnehmen
  • Chrome-Aktionen über puppeteer mit automatischem Warten automatisieren
  • Slim-Modus für einfache Browseraufgaben (--slim)

Wann Sie es einsetzen sollten

Gut geeignet

  • Die Performance einer Webseite mit einem Agent debuggen
  • Einen Agent UI-Änderungen in einem echten Browser prüfen lassen
  • Konsolen- und Netzwerkfehler untersuchen

Nicht geeignet für

  • Andere Browser als Chrome (offiziell unterstützt werden nur Chrome und Chrome for Testing)
  • Sitzungen mit sensiblen Daten, die Sie dem MCP-Client nicht zugänglich machen möchten

So installieren Sie Chrome DevTools MCP

Sie benötigen: Node.js LTS; Chrome in der aktuellen stabilen Version oder neuer; npm

  1. Sicherstellen, dass Node.js LTS, npm und das aktuelle stabile Chrome installiert sind
  2. Die Konfiguration in Ihren MCP-Client einfügen
  3. Siehe den Leitfaden zu Client-Konfigurationen für Claude Code, Cursor, VS Code
  4. Testen mit: Check the performance of https://developers.chrome.com
Konfigurationsbeispiel (aus der offiziellen Dokumentation)
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Berechtigungen und Sicherheit

Worauf es zugreifen kann

  • Alle Daten in der gesteuerten Browserinstanz oder in den DevTools einsehen, debuggen und ändern

Sicherheitshinweise der Maintainer

  • Geben Sie keine sensiblen Informationen an MCP-Clients weiter
  • Performance-Werkzeuge können Trace-URLs an die Google-CrUX-API senden; Abschalten mit --no-performance-crux
  • Nutzungsstatistiken sind standardmäßig aktiv; Abschalten mit --no-usage-statistics oder den Umgebungsvariablen CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS/CI; Update-Prüfungen deaktivieren Sie mit CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS

Prüfen Sie den Quellcode, bevor Sie einem Agenten Zugriff auf Zugangsdaten oder Produktivsysteme geben. Wir dokumentieren die Angaben der Maintainer; Code prüfen wir nicht.

Einschränkungen

  • Andere Chromium-Browser funktionieren möglicherweise, sind aber nicht garantiert
  • Der Browser startet erst, wenn ein Werkzeug genutzt wird, das ihn braucht

Tools, die es erweitert

Coding

Claude Code

Web · Desktop

Noch keine Nutzerbewertungen

Das agentische Coding-Tool von Anthropic, das Ihre Codebasis liest, Dateien bearbeitet und Befehle ausführt, im Terminal, in IDEs, in der Desktop-App oder im Browser.

Kostenlos bis: Kein kostenloser Tarif: Claude Code ist in den bezahlten Claude-Abonnements (Pro, Max, Team, Enterprise) enth…

Listed Noch nicht bewertet

Geprüft code.claude.com (öffnet die Website von Claude Code in einem neuen Tab)

Ab $20/mo US · geprüft Sep 29

CompareAdded Claude Code Details etwa Claude Code

Häufig gestellte Fragen

Erfasst Chrome DevTools MCP Nutzungsdaten?

Ja, Google erfasst standardmäßig Nutzungsstatistiken; Abschalten mit --no-usage-statistics. Quelle

Welche Browser unterstützt Chrome DevTools MCP?

Offiziell Google Chrome und Chrome for Testing; andere Chromium-Browser sind nicht garantiert. Quelle

Wie installiere ich Chrome DevTools MCP?

Fügen Sie Ihrer MCP-Client-Konfiguration einen Server hinzu, der npx -y chrome-devtools-mcp@latest ausführt. Quelle

Sendet Chrome DevTools MCP URLs an Google?

Performance-Werkzeuge können Trace-URLs an die CrUX-API senden; Abschalten mit --no-performance-crux. Quelle

Verwandte Ratgeber

Quellen und Lücken

Von den Maintainern nicht angegeben: Datum des letzten Releases; Vollständige Werkzeugliste in tool-reference.md nicht abgerufen.

Weitere Erweiterungen zum Ansehen