Configurazione dell'estensione Chrome Claude Code per l'automazione del browser
Claude Code può controllare il tuo browser Chrome. Naviga tra le pagine, clicca sui pulsanti, compila i moduli, leggi i contenuti, scatta screenshot. È utile per testare applicazioni web, eseguire il debug con i log della console o automatizzare attività ripetitive del browser senza uscire dal terminale.
Ho provato altri MCP per browser (Playwright MCP, Puppeteer, ecc.) e l'estensione di Chrome è notevolmente più veloce. Si connette alla tua sessione browser effettiva, quindi condivide il tuo stato di accesso. Niente avvio di browser headless, niente flussi di autenticazione separati. Se hai effettuato l'accesso a Gmail, Notion o al tuo ambiente di staging, Claude Code può interagire immediatamente con quelle pagine.
La documentazione ufficiale copre tutto in dettaglio. Questo post è la versione breve.
Cosa ti serve
- Google Chrome o Microsoft Edge
- L'estensione Claude in Chrome (v1.0.36+) dal Chrome Web Store
- Claude Code v2.0.73 o superiore
- Un piano Anthropic diretto (Pro, Max, Teams o Enterprise). Non funziona tramite Bedrock o Vertex
Configurazione
Installa l'estensione dal Chrome Web Store. Questo è il passaggio principale. Claude Code gestisce il resto.
Quindi avvia Claude Code con il flag --chrome.
claude --chromeSe sei già in una sessione, digita /chrome per connetterti senza riavviare.
La prima volta che lo fai, Claude Code installa un file di configurazione dell'host di messaggistica nativo che Chrome legge all'avvio. Se l'estensione non viene rilevata al primo tentativo, riavvia Chrome e riprova.
Se vuoi che Chrome sia abilitato per impostazione predefinita in modo da non dover passare --chrome ogni volta, esegui /chrome e seleziona "Abilitato per impostazione predefinita". C'è una cosa da notare però. Abilitarlo per impostazione predefinita aumenta l'utilizzo del contesto poiché gli strumenti del browser sono sempre caricati. Io uso il flag solo quando ne ho bisogno.
Utilizzo
Una volta connesso, dì semplicemente a Claude cosa fare nel browser. Apre nuove schede per le attività del browser e puoi guardare tutto accadere in tempo reale.
Apri localhost:3000, prova a inviare il modulo con dati non validi,
e verifica se i messaggi di errore vengono visualizzati correttamente.Può anche leggere l'output della console, il che è ottimo per il debug.
Apri la dashboard e controlla la console per eventuali errori al caricamento della pagina.Per le sessioni autonome in cui Claude Code viene eseguito senza supervisione, combinalo con --dangerously-skip-permissions in modo che le azioni del browser non richiedano approvazione manuale.
claude --chrome --dangerously-skip-permissionsSe qualcosa non funziona
La connessione può interrompersi durante sessioni lunghe quando il service worker dell'estensione di Chrome va inattivo. Esegui /chrome e seleziona "Riconnetti estensione" per risolvere.
Se viene visualizzata una finestra di dialogo di avviso o di conferma JavaScript sulla pagina, blocca tutti gli eventi del browser. Claude Code non può chiuderla. Devi chiuderla manualmente, quindi dì a Claude di continuare.
Per la guida completa alla risoluzione dei problemi, consulta la documentazione ufficiale.