Chrome DevTools MCP: Browser-Debugging und Performance-Analyse für Coding-Agents

RepositoryChromeDevTools/chrome-devtools-mcpTool

chrome-devtools-mcp verbindet KI-Assistenten und Coding-Agents über das Model Context Protocol (MCP) mit Google Chrome. Das Werkzeug erlaubt Agents, den Browser per Puppeteer zu steuern, Netzwerk- und Konsolen-Logs inklusive Source Maps zu inspizieren und Performance-Traces auszuwerten.

Das Wichtigste

  1. MCP-Server und CLI-Tool, mit dem Coding-Agents wie Claude, Cursor, Copilot oder Antigravity laufende Chrome-Instanzen kontrollieren und debuggen können.
  2. Nutzt Puppeteer für stabile Browser-Automatisierung mit automatischem Warten auf Aktionsergebnisse.
  3. Ermöglicht detailliertes Debugging über Netzwerkanalysen, Screenshots und Konsolenausgaben mit Quellcode-Zuordnung (Source Maps).
  4. Erstellt Performance-Profile über DevTools-Traces und bindet bei Bedarf Felddaten aus dem Google Chrome User Experience Report (CrUX) ein.
  5. Enthält standardmäßig aktivierte Telemetrie und CrUX-Abfragen, die sich über Startparameter deaktivieren lassen.

Warum das relevant ist

Coding-Agents waren bisher oft blind für Laufzeitfehler im Browser oder mussten umständlich auf Mock-Umgebungen ausweichen. Mit der MCP-Schnittstelle zu DevTools erhalten Assistenten direkten Einblick in Netzwerkverkehr, Render-Performance und Fehler-Stacks direkt im echten Browser.

Einordnung

Das Projekt wird direkt von Google unter der ChromeDevTools-Organisation entwickelt und steht unter der Apache-2.0-Lizenz. Mit über 50.000 Sternen auf GitHub und aktiver Dokumentation auf developer.chrome.com weist das Tool einen sehr hohen Reifegrad auf. Offiziell unterstützt werden Google Chrome sowie Chrome for Testing. Entwickler müssen jedoch Datenschutzaspekte beachten: Da der Agent vollen Zugriff auf Browserelemente erhält, sollten keine sensiblen Sitzungen analysiert werden; zudem sollten die standardmäßig aktiven Nutzungsstatistiken bei Bedarf per Flag abgestellt werden.

Erwähnte Links

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:captivus/chrome-agent

    chrome-agent: Direkte CDP-Steuerung für KI-Coding-Agenten

    chrome-agent ist ein CLI-Werkzeug und eine Python-Bibliothek, die KI-Coding-Agenten direkten Zugriff auf den Chrome-Browser über das Chrome DevTools Protocol (CDP) bietet. Das Tool verzichtet auf einschränkende Abstraktionsschichten und erlaubt die gleichzeitige, isolierte Nutzung durch mehrere Agenten und menschliche Nutzer.

    243SternePython

    KI & AI· Tool

  • Repository:FeiZhuLulu/Agent-Bridge

    Agent Bridge: Lokale Coding-Agenten über MCP orchestrieren

    Agent Bridge ist ein Python-basiertes Open-Source-Tool, das lokale Coding-Agenten über das Model Context Protocol (MCP) miteinander verbindet. Entwickler steuern dabei einen primären Koordinator-Agenten, der wiederum spezialisierte Worker-Agenten über Kommandozeilenschnittstellen delegiert.

    31SternePython

    KI & AI· Tool

  • Artikel:Anthropic

    Claude Code im Browser: Anthropic dokumentiert Chrome-Integration

    Anthropic beschreibt die Integration von Claude Code mit Chromium-basierten Browsern über die Browser-Erweiterung Claude in Chrome. Entwickler können Browser-Automatisierung direkt aus dem Terminal oder VS Code nutzen, um Web-Apps lokal zu testen, Konsolen-Logs auszulesen oder Formulare auszufüllen.

    KI & AI· Tool

  • Repository:nekuda-ai/WindTunnel

    WindTunnel: Benchmark für Browser-Agenten-Schnittstellen und WebMCP

    WindTunnel ist ein Open-Source-Benchmark-Harness, das unterschiedliche Interaktionsmethoden von Browser-Agenten auf Webseiten vergleicht. Untersucht werden WebMCP (direkt von Websites bereitgestellte Aktionen), Screenshots (Computer Use via Koordinaten) und klassische Seitenstrukturen (DOM und Accessibility Tree).

    34SterneHTML

    KI & AI· Forschung

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.