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

Mit der Funktion zum automatischen Verbinden können Sie Ihren KI‑Agenten direkt mit Ihrer aktiven Browserinstanz verbinden. So kann Ihr Agent Sandbox-Einschränkungen umgehen, da er Ihre aktuellen Tabs, Browsererweiterungen und den Live-Anwendungsstatus übernimmt.

Wenn Ihr KI-Agent den Workflow-Kontext übernimmt, kann er von der Codeerstellung zur Fehlerbehebung in Ihrem aktiven Browserstatus wechseln, ohne Sitzungsdaten zu verlieren. Das ist nützlich, wenn Sie bereits einen bestimmten Anwendungsstatus erreicht haben (z. B. einen komplexen Abrechnungsvorgang oder einen manuell reproduzierten Fehler) und möchten, dass Ihr Kundenservicemitarbeiter 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 aktiviert 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.
  • Datenschutzgarantie:Der Chrome-Entwicklertools for Agents-Server ist ein lokaler Prozess und sendet Ihre Browserdaten, Sitzungstoken oder Telemetriedaten nicht an Google.
  • Vertrauen und Prompts:Verwenden Sie diesen Modus nur mit Agents, denen Sie vertrauen, und gehen Sie sorgfältig mit den Informationen um, die Sie in Prompts angeben.

Vorbereitung

Bevor Sie die Funktion zum automatischen Verbinden verwenden, benötigen Sie Folgendes:

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

Automatische Verbindungsherstellung einrichten

So konfigurieren Sie die Funktion zum automatischen Verbinden auf Ihrem MCP-Server:

  1. Rufen Sie in Ihrem laufenden Chrome-Browser chrome://inspect/#remote-debugging auf und aktivieren Sie das Remote-Debugging.
  2. Aktualisieren Sie Ihre MCP-Konfiguration, um das Flag --autoConnect einzuschließen:

    {
      "mcpServers": {
        "chrome-devtools": {
          "command": "npx",
          "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
        }
      }
    }
    
  3. Fordern Sie Ihren Kundenservicemitarbeiter auf, mit Ihrer geöffneten Chrome-App zu interagieren. Wenn Chrome Sie um die Erlaubnis für die Sitzung bittet, klicken Sie auf Zulassen.

Ihr Agent verwendet jetzt den MCP-Server, um mit Ihrer laufenden Chrome-Anwendung zu interagieren.

Anwendungsfälle für die automatische Verbindung

Mit der automatischen Verbindung können Sie Tools oder Status verwenden, die in Chrome-Sitzungen mit Sandbox nicht verwendet werden können. Anstatt Ihren Kundenservicemitarbeiter beispielsweise zu bitten, sich anzumelden, was oft fehlschlägt, können Sie selbst zur Seite navigieren und sich anmelden. Bitten Sie dann den Kundenservicemitarbeiter, die Angelegenheit zu übernehmen.

In den folgenden Abschnitten finden Sie einige Beispiele für Anwendungsfälle für die Funktion „Automatisch verbinden“.

Authentifizierte Dashboards debuggen

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

Beispiel für einen 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 Ausführung eines Agents:Ihr Agent identifiziert Ihren vorhandenen Chrome-Prozess, sucht nach dem aktiven Tab und untersucht den Barrierefreiheitsbaum, um die Elemente zu finden. Außerdem können JavaScript-APIs verwendet werden, um bestimmte Konflikte zu bewerten.

Aktuellen Tab live korrigieren

Vermeiden Sie es, Fehler manuell zu reproduzieren. 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 für einen 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 Ausführung eines Agents:Da der Agent mit Ihrem aktiven Fenster verbunden ist, analysiert er das 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.