1> ## Documentation Index

2> Fetch the complete documentation index at: https://code.claude.com/docs/llms.txt

3> Use this file to discover all available pages before exploring further.

4 

5# Usa Claude Code con Chrome (beta)

6 

7> Connetti Claude Code al tuo browser Chrome per testare app web, eseguire il debug con i log della console, automatizzare la compilazione di moduli ed estrarre dati dalle pagine web.

8 

9Claude Code si integra con l'[estensione Claude in Chrome](https://chromewebstore.google.com/detail/claude/fcoeoabgfenejglbffodgkkbkcdhcgfn) per darti capacità di automazione del browser dalla CLI o dall'[estensione VS Code](/it/vs-code#automate-browser-tasks-with-chrome). Costruisci il tuo codice, quindi testa ed esegui il debug nel browser senza cambiare contesto.

10 

11Claude 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.

12 

13<Note>

14 L'integrazione con Chrome è in beta e attualmente funziona con Google Chrome e Microsoft Edge. Non è ancora supportata su Brave, Arc o altri browser basati su Chromium. Anche WSL (Windows Subsystem for Linux) non è supportato.

15</Note>

16 

17## Capacità

18 

19Con Chrome connesso, puoi concatenare azioni del browser con attività di codifica in un singolo flusso di lavoro:

20 

21* **Debug in tempo reale**: leggi gli errori della console e lo stato del DOM direttamente, quindi correggi il codice che li ha causati

22* **Verifica del design**: costruisci un'interfaccia utente da un mock di Figma, quindi aprila nel browser per verificare che corrisponda

23* **Test di app web**: testa la convalida dei moduli, verifica la presenza di regressioni visive o verifica i flussi utente

24* **App web autenticate**: interagisci con Google Docs, Gmail, Notion o qualsiasi app in cui sei connesso senza connettori API

25* **Estrazione di dati**: estrai informazioni strutturate dalle pagine web e salvale localmente

26* **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

27* **Registrazione della sessione**: registra le interazioni del browser come GIF per documentare o condividere ciò che è accaduto

28 

29## Prerequisiti

30 

31Prima di utilizzare Claude Code con Chrome, hai bisogno di:

32 

33* Browser [Google Chrome](https://www.google.com/chrome/) o [Microsoft Edge](https://www.microsoft.com/edge)

34* Estensione [Claude in Chrome](https://chromewebstore.google.com/detail/claude/fcoeoabgfenejglbffodgkkbkcdhcgfn) versione 1.0.36 o superiore, disponibile nel Chrome Web Store per entrambi i browser

35* [Claude Code](/it/quickstart#step-1-install-claude-code) versione 2.0.73 o superiore

36* Un piano Anthropic diretto (Pro, Max, Team o Enterprise)

37 

38<Note>

39 L'integrazione con Chrome non è disponibile tramite provider di terze parti come Amazon Bedrock, Google Cloud Vertex AI 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.

40</Note>

41 

42## Inizia nella CLI

43 

44<Steps>

45 <Step title="Avvia Claude Code con Chrome">

46 Avvia Claude Code con il flag `--chrome`:

47 

48 ```bash theme={null}

49 claude --chrome

50 ```

51 

52 Puoi anche abilitare Chrome da una sessione esistente eseguendo `/chrome`.

53 </Step>

54 

55 <Step title="Chiedi a Claude di usare il browser">

56 Questo esempio naviga verso una pagina, interagisce con essa e segnala ciò che trova, tutto dal tuo terminale o editor:

57 

58 ```text theme={null}

59 Go to code.claude.com/docs, click on the search box,

60 type "hooks", and tell me what results appear

61 ```

62 </Step>

63</Steps>

64 

65Esegui `/chrome` in qualsiasi momento per verificare lo stato della connessione, gestire le autorizzazioni o riconnettere l'estensione.

66 

67Per VS Code, vedi [automazione del browser in VS Code](/it/vs-code#automate-browser-tasks-with-chrome).

68 

69### Abilita Chrome per impostazione predefinita

70 

71Per evitare di passare `--chrome` ogni sessione, esegui `/chrome` e seleziona "Enabled by default".

72 

73Nell'[estensione VS Code](/it/vs-code#automate-browser-tasks-with-chrome), Chrome è disponibile ogni volta che l'estensione Chrome è installata. Non è necessario alcun flag aggiuntivo.

74 

75<Note>

76 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.

77</Note>

78 

79### Gestisci le autorizzazioni del sito

80 

81Le 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.

82 

83## Flussi di lavoro di esempio

84 

85Questi esempi mostrano i modi comuni per combinare azioni del browser con attività di codifica. Esegui `/mcp` e seleziona `claude-in-chrome` per vedere l'elenco completo degli strumenti del browser disponibili.

86 

87### Testa un'applicazione web locale

88 

89Quando sviluppi un'app web, chiedi a Claude di verificare che le tue modifiche funzionino correttamente:

90 

91```text theme={null}

92I just updated the login form validation. Can you open localhost:3000,

93try submitting the form with invalid data, and check if the error

94messages appear correctly?

95```

96 

97Claude naviga verso il tuo server locale, interagisce con il modulo e segnala ciò che osserva.

98 

99### Debug con i log della console

100 

101Claude 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:

102 

103```text theme={null}

104Open the dashboard page and check the console for any errors when

105the page loads.

106```

107 

108Claude legge i messaggi della console e può filtrare per modelli specifici o tipi di errore.

109 

110### Automatizza la compilazione dei moduli

111 

112Velocizza le attività ripetitive di immissione dati:

113 

114```text theme={null}

115I have a spreadsheet of customer contacts in contacts.csv. For each row,

116go to the CRM at crm.example.com, click "Add Contact", and fill in the

117name, email, and phone fields.

118```

119 

120Claude legge il tuo file locale, naviga nell'interfaccia web e immette i dati per ogni record.

121 

122### Bozza di contenuto in Google Docs

123 

124Usa Claude per scrivere direttamente nei tuoi documenti senza configurazione API:

125 

126```text theme={null}

127Draft a project update based on the recent commits and add it to my

128Google Doc at docs.google.com/document/d/abc123

129```

130 

131Claude 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.

132 

133### Estrai dati dalle pagine web

134 

135Estrai informazioni strutturate dai siti web:

136 

137```text theme={null}

138Go to the product listings page and extract the name, price, and

139availability for each item. Save the results as a CSV file.

140```

141 

142Claude naviga verso la pagina, legge il contenuto e compila i dati in un formato strutturato.

143 

144### Esegui flussi di lavoro multi-sito

145 

146Coordina le attività su più siti web:

147 

148```text theme={null}

149Check my calendar for meetings tomorrow, then for each meeting with

150an external attendee, look up their company website and add a note

151about what they do.

152```

153 

154Claude lavora su più schede per raccogliere informazioni e completare il flusso di lavoro.

155 

156### Registra una GIF demo

157 

158Crea registrazioni condivisibili delle interazioni del browser:

159 

160```text theme={null}

161Record a GIF showing how to complete the checkout flow, from adding

162an item to the cart through to the confirmation page.

163```

164 

165Claude registra la sequenza di interazione e la salva come file GIF.

166 

167## Troubleshooting

168 

169### Estensione non rilevata

170 

171Se Claude Code mostra "Chrome extension not detected":

172 

1731. Verifica che l'estensione Chrome sia installata e abilitata in `chrome://extensions`

1742. Verifica che Claude Code sia aggiornato eseguendo `claude --version`

1753. Verifica che Chrome sia in esecuzione

1764. Esegui `/chrome` e seleziona "Reconnect extension" per ristabilire la connessione

1775. Se il problema persiste, riavvia sia Claude Code che Chrome

178 

179La 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.

180 

181Se la connessione continua a non funzionare, verifica che il file di configurazione dell'host esista in:

182 

183Per Chrome:

184 

185* **macOS**: `~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json`

186* **Linux**: `~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json`

187* **Windows**: controlla `HKCU\Software\Google\Chrome\NativeMessagingHosts\` nel Registro di Windows

188 

189Per Edge:

190 

191* **macOS**: `~/Library/Application Support/Microsoft Edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json`

192* **Linux**: `~/.config/microsoft-edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json`

193* **Windows**: controlla `HKCU\Software\Microsoft\Edge\NativeMessagingHosts\` nel Registro di Windows

194 

195### Browser non risponde

196 

197Se i comandi del browser di Claude smettono di funzionare:

198 

1991. 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.

2002. Chiedi a Claude di creare una nuova scheda e riprovare

2013. Riavvia l'estensione Chrome disabilitandola e riabilitandola in `chrome://extensions`

202 

203### La connessione si interrompe durante le sessioni lunghe

204 

205Il 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".

206 

207### Problemi specifici di Windows

208 

209Su Windows, potresti riscontrare:

210 

211* **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.

212* **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.

213 

214### Messaggi di errore comuni

215 

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

217 

218| Errore | Causa | Soluzione |

219| ------------------------------------ | --------------------------------------------------------------- | ----------------------------------------------------------------------- |

220| "Browser extension is not connected" | L'host di messaggistica nativa non può raggiungere l'estensione | Riavvia Chrome e Claude Code, quindi esegui `/chrome` per riconnetterti |

221| "Extension not detected" | L'estensione Chrome non è installata o è disabilitata | Installa o abilita l'estensione in `chrome://extensions` |

222| "No tab available" | Claude ha tentato di agire prima che una scheda fosse pronta | Chiedi a Claude di creare una nuova scheda e riprovare |

223| "Receiving end does not exist" | Il service worker dell'estensione è diventato inattivo | Esegui `/chrome` e seleziona "Reconnect extension" |

224 

225## Vedi anche

226 

227* [Uso del computer](/it/computer-use): controlla le app macOS native quando un'attività non può essere eseguita in un browser

228* [Usa Claude Code in VS Code](/it/vs-code#automate-browser-tasks-with-chrome): automazione del browser nell'estensione VS Code

229* [Riferimento CLI](/it/cli-reference): flag della riga di comando incluso `--chrome`

230* [Flussi di lavoro comuni](/it/common-workflows): altri modi per utilizzare Claude Code

231* [Dati e privacy](/it/data-usage): come Claude Code gestisce i tuoi dati

232* [Introduzione a Claude in Chrome](https://support.claude.com/en/articles/12012173-getting-started-with-claude-in-chrome): documentazione completa per l'estensione Chrome, incluse scorciatoie, pianificazione e autorizzazioni