CDP Bridge MCP: Echtzeit-Browsersteuerung für LLMs nutzen

MCP-Clients (Model Context Protocol) erhalten mit CDP Bridge MCP direkten Zugriff auf bereits geöffnete Browserfenster. Im Gegensatz zu klassischen Automatisierungstools wie Playwright oder DevTools nutzt diese Lösung bestehende Login-Zustände, Cookies und gerenderte Seiteninhalte. Entwickler können damit Sprachmodelle nahtlos in ihre tägliche Browserarbeit einbinden – etwa zum Analysieren von Inhalten, Ausführen von Skripten oder Erstellen von Screenshots.

Die Technologie basiert auf einer Chromium-Erweiterung, die als Brücke zwischen dem Modell und dem Browser dient. Während herkömmliche Tools oft neue Browserinstanzen starten, setzt CDP Bridge MCP auf die aktive Session des Nutzers. Das macht es besonders wertvoll für Aufgaben, die eine enge Interaktion mit tatsächlich geöffneten Webseiten erfordern.

Wie CDP Bridge MCP klassische Browser-Tools übertrifft

Die meisten MCP-Implementierungen für Browser arbeiten entweder mit:

• Playwright MCP: Optimiert für wiederkehrende Automatisierungen und Tests.
• Chrome DevTools MCP: Fokussiert auf Debugging und Protokollanalyse.

CDP Bridge MCP verfolgt einen anderen Ansatz: Es ermöglicht Sprachmodellen, direkt mit der aktuellen Browser-Session zu interagieren – inklusive aller Login-Informationen und Seitenzustände. Das spart nicht nur Zeit, sondern eliminiert auch den Aufwand für erneute Anmeldungen oder manuelle Cookie-Übertragung.

Ein weiterer Vorteil liegt in der Token-Optimierung. Die Funktion browser_scan filtert überflüssige HTML-Elemente wie Skripte oder Stile heraus und liefert dem Modell nur die relevanten Inhalte. Das reduziert den Verarbeitungsaufwand und verbessert die Effizienz bei der Textanalyse.

Verfügbare Funktionen im Überblick

Der MCP-Server stellt folgende Werkzeuge bereit, die über die Chromium-Erweiterung gesteuert werden:

• `browser_get_tabs`: Listet alle geöffneten Browser-Tabs auf.
• `browser_scan`: Extrahiert den Seiteninhalt als vereinfachten HTML- oder Plaintext-Code.
• `browser_execute_js`: Führt JavaScript-Code im aktiven Tab aus.
• `browser_switch_tab`: Wechselt zwischen Tabs, ohne die sichtbare Browser-Ansicht zu verändern.
• `browser_batch`: Bündelt mehrere Befehle in einer Anfrage für komplexe Arbeitsabläufe.
• `browser_wait`: Wartet auf das Eintreten einer JavaScript-Bedingung.
• `browser_navigate`: Navigiert zur angegebenen URL.
• `browser_screenshot`: Erstellt einen Screenshot der aktuellen Seite.
• `browser_cookies`: Liest alle Cookies des aktiven Tabs aus.

Diese Tools eignen sich besonders für interaktive Szenarien wie:

• Inhaltsanalyse: Extrahieren und Zusammenfassen von Texten aus komplexen Webseiten.
• Automatisierte Prüfungen: Überprüfen von Formularen oder dynamischen Inhalten.
• Skriptausführung: Manipulieren von Seitenelementen oder Ausführen von benutzerdefinierten Skripten.
• Dokumentation: Erstellen von Screenshots für Berichte oder Fehleranalysen.

Einrichtung in drei Schritten

Die Installation von CDP Bridge MCP erfordert nur wenige Minuten und besteht aus drei Hauptkomponenten: der Chromium-Erweiterung, dem MCP-Server und der Client-Konfiguration.

1\. Chromium-Erweiterung installieren

Zuerst muss die mitgelieferte Erweiterung in den Browser geladen werden:

1. Öffnen Sie in Chrome oder einem Chromium-basierten Browser die Adresse chrome://extensions/.
2. Aktivieren Sie den Entwicklermodus.
3. Klicken Sie auf „Entpackte Erweiterung laden“ und wählen Sie den Ordner src/cdp_bridge/tmwd_cdp_bridge aus.

Standardmäßig verbindet sich die Erweiterung mit dem lokalen Dienst unter 127.0.0.1:18765.

2\. MCP-Server starten

Der Server wird über das Python-Paketverwaltungstool `uv` bereitgestellt. Stellen Sie zunächst sicher, dass Python 3.10 oder neuer installiert ist. Anschließend installieren Sie uv:

curl -LsSf  | sh

Falls Ihre uv-Version älter als 0.2.0 ist, verwenden Sie stattdessen:

uv tool run cdp-bridge

In neueren Versionen reicht der Befehl:

uvx cdp-bridge

3\. Client-Konfiguration anpassen

Die Integration in gängige MCP-Clients wie Claude Code, Codex oder OpenClaw erfolgt über die respective Konfigurationsdatei. Hier ein Beispiel für die Datei ~/.mcp.json:

{
  "mcpServers": {
    "cdp-bridge": {
      "command": "uvx",
      "args": ["cdp-bridge"]
    }
  }
}

Für Claude Code nutzen Sie:

claude mcp add cdp-bridge uvx cdp-bridge

In OpenClaw fügen Sie folgende Zeile hinzu:

openclaw mcp set cdp-bridge '{"command":"uvx","args":["cdp-bridge@latest"]}'

Wichtig: Sowohl die Erweiterung als auch der MCP-Server müssen gleichzeitig laufen, damit die Tools funktionieren. Andernfalls meldet das System, dass keine Browser-Tabs verbunden sind.

Sicherheit und Einschränkungen

Da CDP Bridge MCP direkt auf Ihre aktive Browser-Session zugreift, sollten nur vertrauenswürdige MCP-Clients verwendet werden. Ohne entsprechende Berechtigungen könnten sonst sensible Daten wie Login-Cookies oder private Inhalte ausgelesen werden.

Ein weiterer Hinweis betrifft die Performance: Da die Tools auf einer echten Browser-Session basieren, können langsame Internetverbindungen oder komplexe Webseiten die Reaktionszeiten beeinflussen. Für reine Automatisierungszwecke könnte Playwright MCP hier eine effizientere Alternative darstellen.

Ausblick: Echtzeit-Interaktion zwischen LLMs und Browsern

CDP Bridge MCP zeigt, wie Sprachmodelle durch direkte Integration in den Browseralltag an Nutzen gewinnen. Statt auf statische HTML-Inhalte oder isolierte Testumgebungen angewiesen zu sein, können Entwickler und Unternehmen nun Echtzeit-Interaktionen mit bereits geöffneten Webseiten ermöglichen. Besonders für Anwendungsfälle wie Content-Curation, automatisierte Qualitätsprüfungen oder personalisierte Assistenzsysteme könnte diese Technologie neue Maßstäbe setzen.

Die Zukunft der Browser-Automatisierung liegt nicht mehr nur in der Skriptierung, sondern in der symbiotischen Zusammenarbeit zwischen Mensch und Modell – direkt im vertrauten Arbeitsumfeld des Nutzers.