Verbind uw AI-agent met uw persoonlijke browser via de automatische verbindingsfunctie.

Matthias Rohmer
José Luis Zapata

Verbind uw AI-agent rechtstreeks met uw actieve browserinstantie met de automatische verbindingsfunctie. Hierdoor kan uw agent de beperkingen van de sandbox omzeilen door uw huidige tabbladen, browserextensies en de actuele applicatiestatus over te nemen.

Door de workflowcontext over te nemen, kan uw agent overschakelen van het schrijven van code naar het debuggen van de live browserstatus zonder sessiegegevens te verliezen. Dit is handig wanneer u al een specifieke applicatiestatus hebt bereikt (zoals een complexe afrekenprocedure of een handmatig gereproduceerde fout) en wilt dat uw agent het technische onderzoek overneemt zonder die stappen handmatig opnieuw uit te voeren.

Houd rekening met het volgende voordat u automatisch verbinden inschakelt:

  • Beveiliging en privacy: Wanneer automatisch verbinden is ingeschakeld, heeft uw agent toegang tot alle gegevens in uw browserprofiel, inclusief geopende tabbladen, sessiegegevens, lokale opslag, cookies en andere gegevens die via JavaScript API's worden weergegeven.
  • Garantie voor gegevensprivacy: De Chrome DevTools voor agents-server is een lokaal proces en verzendt uw browsergegevens, sessietokens of telemetriegegevens niet naar Google.
  • Vertrouwen en aanwijzingen: Gebruik deze modus alleen met agenten die u vertrouwt en wees voorzichtig met de informatie die u in aanwijzingen opneemt.

Voorwaarden

Voordat u de automatische verbindingsfunctie gebruikt, moet u ervoor zorgen dat u over het volgende beschikt:

  • Chrome 144+ : Voor automatisch verbinden zijn moderne debugprotocollen vereist die in de huidige versies van Chrome aanwezig zijn.
  • Het juiste Chrome-kanaal : Uw agent maakt standaard verbinding met Chrome Stable. Om Canary of Beta te gebruiken, moet u het kanaal in uw configuratie specificeren.
  • Foutopsporing op afstand ingeschakeld : Schakel handmatig de verbinding tussen uw browser en de agent in.
  • Correcte configuratie : U moet de MCP-configuratie bijwerken en de vlag --autoConnect toevoegen.

Automatisch verbinden instellen

Om de automatische verbindingsfunctie in uw MCP-server te configureren, doet u het volgende:

  1. Ga in je actieve Chrome-browser naar chrome://inspect/#remote-debugging en schakel foutopsporing op afstand in.

  2. Werk uw MCP-configuratie bij om de vlag --autoConnect toe te voegen:

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

  3. Vraag je agent om te communiceren met je geopende Chrome-app. Wanneer Chrome om toestemming vraagt ​​voor de sessie, klik je op Toestaan .

Uw agent gebruikt nu de MCP-server om te communiceren met uw actieve Chrome-applicatie.

Gebruiksscenario's voor automatisch verbinden

Met AutoConnect kunt u tools of statussen gebruiken die niet beschikbaar zijn in een afgeschermde Chrome-sessie. In plaats van uw agent te vragen in te loggen, wat vaak mislukt, kunt u bijvoorbeeld zelf naar de pagina navigeren en inloggen. Vervolgens kunt u uw agent vragen het over te nemen.

De volgende paragrafen bevatten enkele voorbeelden van gebruiksscenario's voor de automatische verbindingsfunctie.

Foutopsporing van geauthenticeerde dashboards

Interne tools en privé-dashboards bevinden zich vaak achter complexe single sign-on (SSO) of virtual private network (VPN)-lagen. Een afgeschermde browser vereist meestal een aanmelding die uw agent niet kan omzeilen. Met automatisch verbinden erft uw agent uw actieve sessie.

Voorbeeld van een 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?

Voorbeeld van agentuitvoering: Uw agent identificeert uw bestaande Chrome-proces, vindt het actieve tabblad en inspecteert de toegankelijkheidsstructuur om de elementen te lokaliseren. Het kan ook JavaScript API's gebruiken om specifieke conflicten te evalueren.

Los het probleem met je huidige tabblad live op.

Vermijd het handmatig reproduceren van fouten. In plaats van de reproductiestappen te vertalen naar een nieuwe prompt voor een sandboxed agent, kunt u uw agent vragen de bug te verhelpen op de actieve pagina waar u deze al bent tegengekomen.

Voorbeeld van een 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.

Voorbeeld van agentuitvoering: Omdat de agent is verbonden met uw actieve venster, analyseert deze uw lay-out en past de correctie direct toe. U ziet de knop op uw scherm bewegen, wat bevestigt dat de correctie werkt voordat u de broncode bijwerkt.