De Claude Code Chrome-extensie instellen voor browserautomatisering

Claude Code kan uw Chrome-browser besturen. Navigeer door pagina's, klik op knoppen, vul formulieren in, lees inhoud, maak schermafbeeldingen. Het is nuttig voor het testen van webapps, debuggen met consolelogs, of het automatiseren van repetitieve browsertaken zonder de terminal te verlaten.

Ik heb andere browser MCP's (Playwright MCP, Puppeteer, etc.) geprobeerd en de Chrome-extensie is merkbaar sneller. Het maakt verbinding met uw daadwerkelijke browsersessie, dus het deelt uw inlogstatus. Geen opstarten van headless browsers, geen aparte authenticatiestromen. Als u bent ingelogd op Gmail, Notion of uw stagingomgeving, kan Claude Code onmiddellijk met die pagina's interageren.

De officiële documentatie behandelt alles in detail. Dit bericht is de korte versie.

Wat u nodig heeft

• Google Chrome of Microsoft Edge
• De Claude in Chrome-extensie (v1.0.36+) uit de Chrome Web Store
• Claude Code v2.0.73 of hoger
• Een direct Anthropic-abonnement (Pro, Max, Teams of Enterprise). Dit werkt niet via Bedrock of Vertex

Installatie

Installeer de extensie vanuit de Chrome Web Store. Dat is de belangrijkste stap. Claude Code regelt de rest.

Start vervolgens Claude Code met de vlag --chrome.

claude --chrome

Als u al in een sessie zit, typ dan /chrome om verbinding te maken zonder opnieuw op te starten.

De eerste keer dat u dit doet, installeert Claude Code een configuratiebestand voor de native messaging host dat Chrome bij het opstarten leest. Als de extensie bij uw eerste poging niet wordt gedetecteerd, start Chrome opnieuw op en probeer het nogmaals.

Als u Chrome standaard wilt inschakelen, zodat u niet telkens --chrome hoeft op te geven, voer dan /chrome uit en selecteer "Standaard ingeschakeld." Eén ding om op te merken: het standaard inschakelen verhoogt het contextgebruik omdat de browsertools altijd geladen zijn. Ik gebruik de vlag alleen wanneer ik het nodig heb.

Gebruik

Eenmaal verbonden, vertelt u Claude gewoon wat hij in de browser moet doen. Het opent nieuwe tabbladen voor browsertaken en u kunt alles in realtime zien gebeuren.

Open localhost:3000, probeer het formulier in te dienen met ongeldige gegevens,
en controleer of de foutmeldingen correct worden weergegeven.

Het kan ook console-uitvoer lezen, wat geweldig is voor debuggen.

Open het dashboard en controleer de console op fouten bij het laden van de pagina.

Voor autonome sessies waarbij Claude Code onbeheerd draait, combineer het met --dangerously-skip-permissions zodat browseracties geen handmatige goedkeuring vereisen.

claude --chrome --dangerously-skip-permissions

Als er iets misgaat

De verbinding kan wegvallen tijdens lange sessies wanneer de service worker van de Chrome-extensie inactief wordt. Voer /chrome uit en selecteer "Verbinding met extensie herstellen" om dit op te lossen.

Als er een JavaScript-waarschuwings- of bevestigingsdialoogvenster op de pagina verschijnt, blokkeert dit alle browsergebeurtenissen. Claude Code kan dit niet sluiten. U moet het handmatig sluiten en Claude vervolgens vertellen door te gaan.

Voor de volledige handleiding voor probleemoplossing, raadpleeg de officiële documentatie.