Sie können die Chrome-Entwicklertools für Agenten konfigurieren, um anzupassen, wie sie mit dem Browser interagieren, welche Tools aktiviert sind und wie Daten verarbeitet werden.
Konfigurieren Sie den Server, indem Sie Befehlszeilen-Flags im args-Array Ihrer MCP-Clientkonfigurationsdatei (Model Context Protocol) übergeben. Dies ist in der Regel die Datei config.json.
Wenn Sie Chrome beispielsweise im Headless-Modus ausführen und den Canary-Channel verwenden möchten, verwenden Sie die folgende Konfiguration:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--headless",
"--channel=canary"
]
}
}
}
Häufige Konfigurationsszenarien
In den folgenden Szenarien werden gängige Möglichkeiten zum Konfigurieren der Chrome-Entwicklertools für Agents beschrieben.
Im monitorlosen Modus ausführen
Wenn Sie Hintergrundaufgaben ohne sichtbares Browserfenster ausführen möchten, starten Sie Chrome im monitorlosen Modus (ohne Benutzeroberfläche). Fügen Sie den Serverargumenten das Flag --headless hinzu.
Mit einer vorhandenen Browsersitzung verbinden
Standardmäßig wird mit den Entwicklertools für KI-Agents eine neue Chrome-Instanz gestartet. Sie können Ihren KI-Agenten jedoch mit einer bestehenden Browsersitzung verbinden. Das ist hilfreich, wenn Ihr Kundenservicemitarbeiter ein Problem in einer Sitzung untersuchen muss, die Sie bereits gestartet haben (z. B. wenn Sie bereits angemeldet sind).
Sie haben zwei Möglichkeiten, eine Verbindung zu einer bestehenden Sitzung herzustellen:
Automatische Verbindung (Chrome 144 und höher)
Wenn Sie das Flag --autoConnect verwenden, stellt der MCP-Server automatisch eine Verbindung zu einer aktiven Chrome-Instanz her.
- Rufen Sie im Chrome-Browser
chrome://inspect/#remote-debuggingauf und aktivieren Sie Remote Debugging (Remote-Debugging). - Fügen Sie Ihrer MCP-Konfiguration
--autoConnecthinzu:json "args": ["chrome-devtools-mcp@latest", "--autoConnect"] - Wenn der Kundenservicemitarbeiter versucht, eine Verbindung herzustellen, wird in Chrome ein Dialogfeld mit einer Berechtigungsanfrage angezeigt. Klicken Sie auf Zulassen.
Manuelle Verbindung
Wenn Sie --autoConnect nicht verwenden können (z. B. in einer Sandbox-Umgebung), können Sie Chrome manuell mit einem Debugging-Port starten und eine Verbindung über --browser-url herstellen.
- Starten Sie Chrome über das Terminal mit aktivierter Remote-Fehlerbehebung und einem benutzerdefinierten Nutzerdatenverzeichnis.
- macOS:
shell /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable - Windows:
shell start chrome --remote-debugging-port=9222 --user-data-dir=%TEMP%\chrome-profile-stable - Linux:
shell google-chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable
- macOS:
- Konfigurieren Sie Ihren Agent so, dass er eine Verbindung zu diesem Port herstellt:
json "args": ["chrome-devtools-mcp@latest", "--browser-url=http://127.0.0.1:9222"]
Referenz zu Konfigurationsoptionen
In den folgenden Abschnitten sind die verfügbaren Konfigurationsflags aufgeführt. Die neuesten Optionen und Updates finden Sie im GitHub-Repository für Chrome DevTools MCP.
Verbindungsoptionen
Mit diesen Optionen können Sie konfigurieren, wie der Server eine Verbindung zu Chrome herstellt.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--autoConnect oder --auto-connect |
boolean | false |
Stellt automatisch eine Verbindung zu einer lokal ausgeführten Chrome-Instanz (144 +) her. Erfordert, dass die Fehlerbehebung per Fernzugriff über chrome://inspect/#remote-debugging aktiviert ist. |
--browserUrl oder --browser-url-u |
String | false |
Verbinden Sie sich mit einer laufenden, debugfähigen Chrome-Instanz (z. B. http://127.0.0.1:9222). |
--wsEndpoint oder --ws-endpoint-w |
String | false |
WebSocket-Endpunkt für die Verbindung zu einer laufenden Chrome-Instanz (z. B. ws://127.0.0.1:9222/devtools/browser/<id>). Alternative zu --browserUrl. |
--wsHeaders oder --ws-headers |
String | false |
Benutzerdefinierte Header für die WebSocket-Verbindung im JSON-Format (z. B. '{"Authorization":"Bearer token"}'). Funktioniert nur mit --wsEndpoint. |
Optionen zum Starten des Browsers
Diese Optionen werden angewendet, wenn der MCP-Server Chrome startet.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--headless |
boolean | false |
Führt Chrome im monitorlosen Modus (ohne Benutzeroberfläche) aus. |
--channel |
String | stable |
Gibt den zu verwendenden Chrome-Channel an. Optionen: canary, dev, beta und stable. |
--executablePath oder --executable-path-e |
String | false |
Pfad zu einer benutzerdefinierten ausführbaren Chrome-Datei. |
--userDataDir oder --user-data-dir |
String | Siehe: Beschreibung | Pfad zum Nutzerdatenverzeichnis. Standardwert ist $HOME/.cache/chrome-devtools-mcp/chrome-profile$CHANNEL_SUFFIX_IF_NON_STABLE. |
--isolated |
boolean | false |
Erstellt ein temporäres Nutzerdatenverzeichnis, das beim Schließen des Browsers automatisch bereinigt wird. |
--viewport |
String | false |
Anfängliche Darstellungsbereichsgröße (z. B. 1280x720). Im monitorlosen Modus beträgt die maximale Größe 3840x2160. |
--proxyServer oder --proxy-server |
String | false |
An Chrome übergebene Proxyserverkonfiguration. |
--chromeArg oder --chrome-arg |
Array | false |
Zusätzliche Argumente, die an Chrome übergeben werden sollen. |
--ignoreDefaultChromeArg oder --ignore-default-chrome-arg |
Array | false |
Standardargumente für Chrome explizit deaktivieren. |
Sicherheits- und Datenschutzoptionen
Mit diesen Optionen können Sie Sicherheitseinstellungen und Datenschutz verwalten.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--acceptInsecureCerts oder --accept-insecure-certs |
boolean | false |
Ignoriert Fehler im Zusammenhang mit selbstsignierten und abgelaufenen Zertifikaten. Mit Vorsicht zu verwenden. |
--blockedUrlPattern oder --blocked-url-pattern |
Array | false |
Schränkt den Netzwerkzugriff ein, indem bestimmte URL-Muster blockiert werden (URLPattern wird verwendet). Navigationen und untergeordnete Ressourcen werden blockiert. |
--allowedUrlPattern oder --allowed-url-pattern |
Array | false |
Beschränkt den Netzwerkzugriff, indem nur angegebene URL-Muster zugelassen werden. Chrome 149 oder höher erforderlich. |
--redactNetworkHeaders oder --redact-network-headers |
boolean | false |
Entfernt vertrauliche Netzwerkheader, bevor sie an den Client zurückgegeben werden. |
--usageStatistics oder --usage-statistics |
boolean | true |
Ermöglicht die Erfassung von Nutzungsstatistiken zur Verbesserung des Tools. Kann auch mit den Umgebungsvariablen CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS oder CI deaktiviert werden. |
--performanceCrux oder --performance-crux |
boolean | true |
Sendet URLs aus Leistungstraces an die Google CrUX API, um Daten zur Nutzererfahrung von echten Nutzern abzurufen. |
Funktionskategorien
Mit diesen Flags können Sie Gruppen von Tools aktivieren oder deaktivieren.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--categoryEmulation oder --category-emulation |
boolean | true |
Aktiviert Tools für die Emulation. |
--categoryNetwork oder --category-network |
boolean | true |
Aktiviert Tools, die mit dem Netzwerk zusammenhängen. |
--categoryPerformance oder --category-performance |
boolean | true |
Aktiviert Tools zur Leistungssteigerung. |
--categoryExtensions oder --category-extensions |
boolean | false |
Aktiviert Tools für Erweiterungen. Wird nur bei Pipe-Verbindungen unterstützt. |
--categoryExperimentalThirdParty oder --category-experimental-third-party |
boolean | false |
Aktiviert Drittanbieter-Entwicklertools, die von der geprüften Seite bereitgestellt werden. |
--categoryExperimentalWebmcp oder --category-experimental-webmcp |
boolean | false |
Ermöglicht das Debuggen von WebMCP-Tools. Erfordert Chrome 149 oder höher mit aktivierten WebMCP-Funktionen. |
--memoryDebugging oder --memory-debugging |
boolean | false |
Aktiviert Tools zur Fehlerbehebung im Arbeitsspeicher. |
Screenshot-Optionen
Mit diesen Optionen können Sie anpassen, wie der Agent Screenshots aufnimmt.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--screenshotFormat oder --screenshot-format |
String | false |
Überschreibt das Standardausgabeformat (png). Optionen: jpeg, png und webp. Die Formate jpeg und webp sind kleiner, was dazu beiträgt, die Kontextgröße in KI-Unterhaltungen zu reduzieren. |
--screenshotQuality oder --screenshot-quality |
Zahl | false |
Überschreibt die Komprimierungsqualität (0–100) für jpeg und webp. |
--screenshotMaxWidth oder --screenshot-max-width |
Zahl | false |
Maximale Breite in Pixeln. Größere Screenshots werden verkleinert. |
--screenshotMaxHeight oder --screenshot-max-height |
Zahl | false |
Maximale Höhe in Pixeln. Größere Screenshots werden verkleinert. |
Experimentelle Optionen
Mit diesen Optionen können Sie experimentelle Funktionen aktivieren, die sich in der Entwicklung befinden.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--experimentalPageIdRouting oder --experimental-page-id-routing |
boolean | false |
Macht pageId für seitenbezogene Tools verfügbar, um Anfragen in gleichzeitigen Agentsitzungen weiterzuleiten. |
--experimentalDevtools oder --experimental-devtools |
boolean | false |
Ermöglicht die Automatisierung von DevTools-Zielen. |
--experimentalVision oder --experimental-vision |
boolean | false |
Ermöglicht koordinatenbasierte Tools (z. B. click_at). Erfordert in der Regel ein Modell für die Computernutzung, das anhand von Screenshots genaue Koordinaten erstellen kann. |
--experimentalStructuredContent oder --experimental-structured-content |
boolean | false |
Gibt strukturierte formatierte Inhalte aus. |
--experimentalIncludeAllPages oder --experimental-include-all-pages |
boolean | false |
Enthält alle Arten von Seiten, z. B. Webviews und Hintergrundseiten. |
--experimentalScreencast oder --experimental-screencast |
boolean | false |
Stellt Screencast-Tools bereit (erfordert ffmpeg in PATH). |
--experimentalFfmpegPath oder --experimental-ffmpeg-path |
String | false |
Pfad zur ausführbaren Datei ffmpeg. |
Weitere Optionen
Mit diesen Optionen können Sie das Logging konfigurieren oder eine vereinfachte Reihe von Tools aktivieren.
| Flag | Typ | Standard | Beschreibung |
|---|---|---|---|
--slim |
boolean | false |
Es bietet nur drei Tools (Navigation, Skriptausführung und Screenshots). Nützlich für grundlegende Browseraufgaben. |
--logFile oder --log-file |
String | false |
Pfad zu einer Datei, in die Debug-Logs geschrieben werden sollen. |
Umgebungsvariablen
Sie können auch die folgenden Umgebungsvariablen verwenden, um den Server zu konfigurieren:
CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS: Wenn festgelegt, wird die Erfassung von Nutzungsstatistiken deaktiviert (entspricht--no-usage-statistics).CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS: Wenn festgelegt, werden regelmäßige Prüfungen auf Updates deaktiviert.CI: Wenn festgelegt, wird die Erfassung von Nutzungsstatistiken deaktiviert.DEBUG: Auf*setzen, um die ausführliche Debug-Protokollierung zu aktivieren (funktioniert in Verbindung mit--logFile).