KI-Agent mit Ihrem persönlichen Browser verbinden – automatisch

Mit der Funktion für die automatische Verbindung können Sie Ihren KI-Agenten direkt mit Ihrer aktiven Browserinstanz verbinden. So kann Ihr Agent Sandbox-Beschränkungen umgehen, indem er Ihre aktuellen Tabs, Browsererweiterungen und den Live-Anwendungsstatus übernimmt.

Wenn Ihr Agent den Workflow-Kontext übernimmt, kann er von der Codeerstellung zur Fehlerbehebung in Ihrem Live-Browserstatus wechseln, ohne Sitzungsdaten zu verlieren. Das ist nützlich, wenn Sie bereits einen bestimmten Anwendungsstatus erreicht haben (z. B. einen komplexen Bezahlvorgang oder einen manuell reproduzierten Fehler) und möchten, dass Ihr Agent die technische Untersuchung übernimmt, ohne diese Schritte manuell auszuführen.

Beachten Sie Folgendes, bevor Sie die automatische Verbindung aktivieren:

  • Sicherheit und Datenschutz:Wenn die automatische Verbindung aktiv ist, hat Ihr Agent Zugriff auf alle Daten in Ihrem Browserprofil, einschließlich offener Tabs, Sitzungsspeicher, lokaler Speicher, Cookies und anderer Daten, die über JavaScript-APIs verfügbar gemacht werden.
  • An Google gesendete Daten:Der Chrome DevTools for Agents-Server wird als lokaler Prozess ausgeführt. Standardmäßig werden jedoch unabhängig vom Verbindungsmodus die folgenden Daten an Google gesendet:

    • Nutzungsstatistiken, z. B. Erfolgsraten bei der Tool-Aufrufung, Latenz, und Umgebungsinformationen. Wenn Sie die Erfassung dieser Daten deaktivieren möchten, verwenden Sie das Flag --no-usage-statistics oder legen Sie die Umgebungsvariable CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS fest.
    • URLs aus Leistungsanalysen, die an die Chrome UX Report (CrUX) API gesendet werden, um Daten zur Nutzererfahrung abzurufen. Wenn Sie die Erfassung dieser Daten deaktivieren möchten, verwenden Sie das Flag --no-performance-crux.

    Weitere Informationen finden Sie unter Sicherheits- und Datenschutzoptionen.

  • Vertrauen und Prompts:Verwenden Sie diesen Modus nur mit Agenten, denen Sie vertrauen, und gehen Sie sorgfältig mit den Informationen um, die Sie in Prompts angeben.

Vorbereitung

Bevor Sie die Funktion für die automatische Verbindung verwenden, müssen Sie Folgendes tun:

  • Chrome 144 oder höher: Für die automatische Verbindung sind moderne Debugging-Protokolle erforderlich, die in aktuellen Versionen von Chrome verfügbar sind.
  • Richtiger Chrome-Kanal: Ihr Agent stellt standardmäßig eine Verbindung zu Chrome Stable her. Wenn Sie Canary oder Beta verwenden möchten, geben Sie den Kanal in Ihrer Konfiguration an.
  • Remote-Debugging aktiviert: Aktivieren Sie manuell die Bridge zwischen Ihrem Browser und dem Agenten.
  • Richtige Konfiguration: Sie müssen die MCP-Konfiguration aktualisieren, um das --autoConnect Flag einzufügen. Weitere Informationen finden Sie unter Konfiguration.

Automatische Verbindung einrichten

So konfigurieren Sie die Funktion für die automatische Verbindung auf Ihrem MCP-Server:

  1. Rufen Sie in Ihrem ausgeführten Chrome-Browser chrome://inspect/#remote-debugging auf und aktivieren Sie das Remote-Debugging.
  2. Aktualisieren Sie Ihre MCP-Konfiguration, um das Flag --autoConnect einzufügen:

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

    Wenn Sie die Übertragung von Nutzungsstatistiken und URLs für Leistungsanalysen an Google deaktivieren möchten, fügen Sie args auch die Flags --no-usage-statistics und --no-performance-crux hinzu.

  3. Fordern Sie Ihren Agenten auf, mit Ihrer geöffneten Chrome App zu interagieren. Wenn Chrome um die Erlaubnis für die Sitzung bittet, klicken Sie auf Zulassen.

Ihr Agent verwendet jetzt den MCP-Server, um mit Ihrer ausgeführten Chrome-Anwendung zu interagieren. Weitere Informationen zu Konfigurationsoptionen finden Sie im Konfigurationsleitfaden.

Anwendungsfälle für die automatische Verbindung

Mit der automatischen Verbindung können Sie Tools oder Status verwenden, die in Sandbox-Chrome-Sitzungen nicht verfügbar sind. Anstatt Ihren Agenten beispielsweise aufzufordern, sich anzumelden, was oft fehlschlägt, können Sie selbst zur Seite navigieren und sich anmelden. Fordern Sie dann Ihren Agenten auf, die Aufgabe zu übernehmen.

In den folgenden Abschnitten finden Sie einige Beispiele für Anwendungsfälle für die Funktion für die automatische Verbindung.

Authentifizierte Dashboards debuggen

Interne Tools und private Dashboards befinden sich oft hinter komplexen SSO- (Single Sign-On) oder VPN-Schichten (Virtual Private Network). Für einen Sandbox-Browser ist in der Regel eine Anmeldung erforderlich, die Ihr Agent nicht umgehen kann. Mit der automatischen Verbindung übernimmt Ihr Agent Ihre aktive Sitzung.

Beispiel-Prompt :

I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?

Beispiel für die Agentenausführung:Ihr Agent identifiziert Ihren vorhandenen Chrome-Prozess, sucht den aktiven Tab und untersucht die Barrierefreiheitsstruktur, um die Elemente zu finden. Er kann auch JavaScript-APIs verwenden, um bestimmte Konflikte zu bewerten.

Aktuellen Tab live korrigieren

Vermeiden Sie die manuelle Reproduktion von Fehlern. Anstatt Reproduktionsschritte in einen neuen Prompt für einen Sandbox-Agenten zu übersetzen, können Sie Ihren Agenten bitten, den Fehler auf der aktiven Seite zu beheben, auf der er bereits aufgetreten ist.

Beispiel-Prompt :

Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.

Beispiel für die Agentenausführung:Da der Agent mit Ihrem aktiven Fenster verbunden ist, analysiert er Ihr Layout und wendet die Korrektur sofort an. Sie sehen, wie sich die Schaltfläche auf dem Bildschirm bewegt. So können Sie prüfen, ob die Korrektur funktioniert, bevor Sie den Quellcode aktualisieren.