Skip to main content
Claude Code si integra con l’estensione Claude in Chrome per darti capacità di automazione del browser dalla CLI o dall’estensione VS Code. Costruisci il tuo codice, quindi testa ed esegui il debug nel browser senza cambiare contesto. Claude apre nuove schede per le attività del browser e condivide lo stato di accesso del tuo browser, quindi può accedere a qualsiasi sito in cui sei già connesso. Le azioni del browser vengono eseguite in una finestra Chrome visibile in tempo reale. Quando Claude incontra una pagina di accesso o un CAPTCHA, si ferma e ti chiede di gestirlo manualmente.
L’integrazione con Chrome funziona con Google Chrome e Microsoft Edge. Non è ancora supportata su Brave, Arc o altri browser basati su Chromium. Non è inoltre supportata in Windows Subsystem for Linux (WSL).

Capacità

Con Chrome connesso, puoi concatenare azioni del browser con attività di codifica in un singolo flusso di lavoro:
  • Debug in tempo reale: leggi gli errori della console e lo stato del DOM direttamente, quindi correggi il codice che li ha causati
  • Verifica del design: costruisci un’interfaccia utente da un mock di Figma, quindi aprila nel browser per verificare che corrisponda
  • Test di app web: testa la convalida dei moduli, verifica la presenza di regressioni visive o verifica i flussi utente
  • App web autenticate: interagisci con Google Docs, Gmail, Notion o qualsiasi app in cui sei connesso senza connettori API
  • Estrazione di dati: estrai informazioni strutturate dalle pagine web e salvale localmente
  • Automazione delle attività: automatizza le attività ripetitive del browser come l’immissione di dati, la compilazione di moduli o i flussi di lavoro multi-sito
  • Registrazione della sessione: registra le interazioni del browser come GIF per documentare o condividere ciò che è accaduto

Prerequisiti

Prima di utilizzare Claude Code con Chrome, hai bisogno di:
L’integrazione con Chrome non è disponibile tramite provider di terze parti come Amazon Bedrock, Google Cloud’s Agent Platform o Microsoft Foundry. Se accedi a Claude esclusivamente tramite un provider di terze parti, hai bisogno di un account claude.ai separato per utilizzare questa funzione.

Inizia nella CLI

1

Avvia Claude Code con Chrome

Avvia Claude Code con il flag --chrome:
Puoi anche abilitare Chrome da una sessione esistente eseguendo /chrome.
2

Chiedi a Claude di usare il browser

Questo esempio naviga verso una pagina, interagisce con essa e segnala ciò che trova, tutto dal tuo terminale o editor:
La prima azione del browser richiede l’autorizzazione per utilizzare la skill claude-in-chrome. Approvala e Claude apre una nuova scheda e avvia l’attività.
Esegui /chrome in qualsiasi momento per verificare lo stato della connessione, gestire le autorizzazioni, riconnettere l’estensione o scegliere quale browser connesso utilizzare. Se più di un browser è connesso quando inizia un’azione del browser, Claude ti chiede di sceglierne uno. Per VS Code, vedi automazione del browser in VS Code.

Abilita Chrome per impostazione predefinita

Per evitare di passare --chrome ogni sessione, esegui /chrome e seleziona “Enabled by default”. Nell’estensione VS Code, Chrome è disponibile ogni volta che l’estensione Chrome è installata. Non è necessario alcun flag aggiuntivo.
L’abilitazione di Chrome per impostazione predefinita nella CLI aumenta l’utilizzo del contesto poiché gli strumenti del browser vengono sempre caricati. Se noti un aumento del consumo di contesto, disabilita questa impostazione e utilizza --chrome solo quando necessario.

Gestisci le autorizzazioni del sito

Le autorizzazioni a livello di sito vengono ereditate dall’estensione Chrome. Gestisci le autorizzazioni nelle impostazioni dell’estensione Chrome per controllare quali siti Claude può navigare, fare clic e digitare.

Strumenti del browser in plan mode

In plan mode, le chiamate degli strumenti del browser che solo leggono la pagina o lo stato del browser vengono eseguite senza un prompt di autorizzazione, e le chiamate che cambiano lo stato richiedono l’approvazione.
  • Chiamate di sola lettura: read_page, get_page_text, find, lettura dei messaggi della console o delle richieste di rete, e acquisizione di uno screenshot
  • Chiamate che cambiano lo stato: clic, digitazione, navigazione, gestione delle schede e delle finestre, e registrazione di una GIF
A partire dalla v2.1.199, una chiamata altrimenti di sola lettura che imposta un flag di input che cambia lo stato, come createIfEmpty su tabs_context_mcp, clear sui lettori della console e della rete, o save_to_disk su uno screenshot, richiede anche l’approvazione. Una chiamata browser_batch viene eseguita senza un prompt solo quando ogni azione al suo interno è di sola lettura.

Flussi di lavoro di esempio

Questi esempi mostrano i modi comuni per combinare azioni del browser con attività di codifica. Esegui /mcp, seleziona claude-in-chrome, quindi seleziona View tools per vedere l’elenco completo degli strumenti del browser disponibili.

Testa un’applicazione web locale

Quando sviluppi un’app web, chiedi a Claude di verificare che le tue modifiche funzionino correttamente:
Claude naviga verso il tuo server locale, interagisce con il modulo e segnala ciò che osserva.

Debug con i log della console

Claude può leggere l’output della console per aiutare a diagnosticare i problemi. Dì a Claude quali modelli cercare piuttosto che chiedere tutto l’output della console, poiché i log possono essere dettagliati:
Claude legge i messaggi della console e può filtrare per modelli specifici o tipi di errore.

Automatizza la compilazione dei moduli

Velocizza le attività ripetitive di immissione dati:
Claude legge il tuo file locale, naviga nell’interfaccia web e immette i dati per ogni record.

Bozza di contenuto in Google Docs

Usa Claude per scrivere direttamente nei tuoi documenti senza configurazione API:
Claude apre il documento, fa clic nell’editor e digita il contenuto. Questo funziona con qualsiasi app web in cui sei connesso: Gmail, Notion, Sheets e altro.

Estrai dati dalle pagine web

Estrai informazioni strutturate dai siti web:
Claude naviga verso la pagina, legge il contenuto e compila i dati in un formato strutturato.

Esegui flussi di lavoro multi-sito

Coordina le attività su più siti web:
Claude lavora su più schede per raccogliere informazioni e completare il flusso di lavoro.

Registra una GIF demo

Crea registrazioni condivisibili delle interazioni del browser:
Claude registra la sequenza di interazione e la salva come file GIF.

Troubleshooting

Estensione non rilevata

Se Claude Code non riesce a rilevare l’estensione Chrome:
  1. Verifica che l’estensione Chrome sia installata e abilitata in chrome://extensions
  2. Verifica che Claude Code sia aggiornato eseguendo claude --version
  3. Verifica che Chrome sia in esecuzione
  4. Esegui /chrome e seleziona “Reconnect extension” per ristabilire la connessione
  5. Se il problema persiste, riavvia sia Claude Code che Chrome
La prima volta che abiliti l’integrazione con Chrome, Claude Code installa un file di configurazione dell’host di messaggistica nativa. Chrome legge questo file all’avvio, quindi se l’estensione non viene rilevata al primo tentativo, riavvia Chrome per raccogliere la nuova configurazione. A partire dalla v2.1.199, Claude Code apre una scheda del browser che ti chiede di connettere l’estensione solo al primo install. Le sessioni successive che riscrivono il file di configurazione, ad esempio dopo il passaggio tra build di Claude Code o directory di configurazione, non lo riaprono. Se la connessione continua a non funzionare, verifica che il file di configurazione dell’host esista in: Per Chrome:
  • macOS: ~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Linux: ~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Windows: controlla HKCU\Software\Google\Chrome\NativeMessagingHosts\ nel Registro di Windows
Per Edge:
  • macOS: ~/Library/Application Support/Microsoft Edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Linux: ~/.config/microsoft-edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Windows: controlla HKCU\Software\Microsoft\Edge\NativeMessagingHosts\ nel Registro di Windows

Browser non risponde

Se i comandi del browser di Claude smettono di funzionare:
  1. Verifica se una finestra di dialogo modale (avviso, conferma, prompt) sta bloccando la pagina. Le finestre di dialogo JavaScript bloccano gli eventi del browser e impediscono a Claude di ricevere comandi. Chiudi manualmente la finestra di dialogo, quindi dì a Claude di continuare.
  2. Chiedi a Claude di creare una nuova scheda e riprovare
  3. Riavvia l’estensione Chrome disabilitandola e riabilitandola in chrome://extensions

La connessione si interrompe durante le sessioni lunghe

Il service worker dell’estensione Chrome può diventare inattivo durante le sessioni estese, il che interrompe la connessione. Se gli strumenti del browser smettono di funzionare dopo un periodo di inattività, esegui /chrome e seleziona “Reconnect extension”.

Problemi specifici di Windows

Su Windows, potresti riscontrare:
  • Conflitti di named pipe (EADDRINUSE): se un altro processo sta utilizzando la stessa named pipe, riavvia Claude Code. Chiudi tutte le altre sessioni di Claude Code che potrebbero utilizzare Chrome.
  • Errori dell’host di messaggistica nativa: se l’host di messaggistica nativa si arresta in modo anomalo all’avvio, prova a reinstallare Claude Code per rigenerare la configurazione dell’host.

Messaggi di errore comuni

Questi sono gli errori più frequentemente riscontrati e come risolverli:

Vedi anche