Passer au contenu principal
Claude Code s’intègre à l’extension Claude in Chrome du navigateur pour vous offrir des capacités d’automatisation du navigateur depuis la CLI ou l’extension VS Code. Créez votre code, puis testez et déboguez dans le navigateur sans changer de contexte. Claude ouvre de nouveaux onglets pour les tâches du navigateur et partage l’état de connexion de votre navigateur, ce qui lui permet d’accéder à n’importe quel site auquel vous êtes déjà connecté. Les actions du navigateur s’exécutent en temps réel dans une fenêtre Chrome visible. Lorsque Claude rencontre une page de connexion ou un CAPTCHA, il s’arrête et vous demande de le gérer manuellement.
L’intégration Chrome est en bêta et fonctionne actuellement avec Google Chrome uniquement. Elle n’est pas encore prise en charge sur Brave, Arc ou d’autres navigateurs basés sur Chromium. WSL (Windows Subsystem for Linux) n’est pas non plus pris en charge.

​
Capacités

Avec Chrome connecté, vous pouvez enchaîner les actions du navigateur avec les tâches de codage dans un seul flux de travail :
  • Débogage en direct : lisez les erreurs de console et l’état du DOM directement, puis corrigez le code qui les a causées
  • Vérification de la conception : créez une interface utilisateur à partir d’une maquette Figma, puis ouvrez-la dans le navigateur pour vérifier qu’elle correspond
  • Test d’application web : testez la validation des formulaires, vérifiez les régressions visuelles ou vérifiez les flux utilisateur
  • Applications web authentifiées : interagissez avec Google Docs, Gmail, Notion ou n’importe quelle application à laquelle vous êtes connecté sans connecteurs API
  • Extraction de données : extrayez des informations structurées des pages web et enregistrez-les localement
  • Automatisation des tâches : automatisez les tâches répétitives du navigateur comme la saisie de données, le remplissage de formulaires ou les flux multi-sites
  • Enregistrement de session : enregistrez les interactions du navigateur sous forme de GIF pour documenter ou partager ce qui s’est passé

​
Prérequis

Avant d’utiliser Claude Code avec Chrome, vous avez besoin de :
L’intégration Chrome n’est pas disponible via des fournisseurs tiers comme Amazon Bedrock, Google Cloud Vertex AI ou Microsoft Foundry. Si vous accédez à Claude exclusivement via un fournisseur tiers, vous avez besoin d’un compte claude.ai séparé pour utiliser cette fonctionnalité.

​
Démarrer dans la CLI

1

Lancer Claude Code avec Chrome

Démarrez Claude Code avec le drapeau --chrome :
claude --chrome
Vous pouvez également activer Chrome au sein d’une session existante en exécutant /chrome.
2

Demander à Claude d'utiliser le navigateur

Cet exemple accède à une page, interagit avec elle et rapporte ce qu’il trouve, le tout depuis votre terminal ou éditeur :
Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear
Exécutez /chrome à tout moment pour vérifier l’état de la connexion, gérer les autorisations ou reconnecter l’extension. Pour VS Code, consultez l’automatisation du navigateur dans VS Code.

​
Activer Chrome par défaut

Pour éviter de passer --chrome à chaque session, exécutez /chrome et sélectionnez « Enabled by default ». Dans l’extension VS Code, Chrome est disponible chaque fois que l’extension Chrome est installée. Aucun drapeau supplémentaire n’est nécessaire.
L’activation de Chrome par défaut dans la CLI augmente l’utilisation du contexte puisque les outils du navigateur sont toujours chargés. Si vous remarquez une augmentation de la consommation de contexte, désactivez ce paramètre et utilisez --chrome uniquement si nécessaire.

​
Gérer les autorisations du site

Les autorisations au niveau du site sont héritées de l’extension Chrome. Gérez les autorisations dans les paramètres de l’extension Chrome pour contrôler les sites que Claude peut parcourir, cliquer et taper.

​
Exemples de flux de travail

Ces exemples montrent les façons courantes de combiner les actions du navigateur avec les tâches de codage. Exécutez /mcp et sélectionnez claude-in-chrome pour voir la liste complète des outils de navigateur disponibles.

​
Tester une application web locale

Lors du développement d’une application web, demandez à Claude de vérifier que vos modifications fonctionnent correctement : 
I just updated the login form validation. Can you open localhost:3000,
try submitting the form with invalid data, and check if the error
messages appear correctly?
Claude accède à votre serveur local, interagit avec le formulaire et rapporte ce qu’il observe.

​
Déboguer avec les journaux de console

Claude peut lire la sortie de la console pour aider à diagnostiquer les problèmes. Dites à Claude quels modèles rechercher plutôt que de demander toute la sortie de la console, car les journaux peuvent être verbeux : 
Open the dashboard page and check the console for any errors when
the page loads.
Claude lit les messages de la console et peut filtrer les modèles ou types d’erreurs spécifiques.

​
Automatiser le remplissage de formulaires

Accélérez les tâches répétitives de saisie de données : 
I have a spreadsheet of customer contacts in contacts.csv. For each row,
go to the CRM at crm.example.com, click "Add Contact", and fill in the
name, email, and phone fields.
Claude lit votre fichier local, navigue dans l’interface web et saisit les données pour chaque enregistrement.

​
Rédiger du contenu dans Google Docs

Utilisez Claude pour écrire directement dans vos documents sans configuration d’API : 
Draft a project update based on the recent commits and add it to my
Google Doc at docs.google.com/document/d/abc123
Claude ouvre le document, clique dans l’éditeur et tape le contenu. Cela fonctionne avec n’importe quelle application web à laquelle vous êtes connecté : Gmail, Notion, Sheets, et plus.

​
Extraire des données des pages web

Extrayez des informations structurées des sites web : 
Go to the product listings page and extract the name, price, and
availability for each item. Save the results as a CSV file.
Claude accède à la page, lit le contenu et compile les données dans un format structuré.

​
Exécuter des flux de travail multi-sites

Coordonnez les tâches sur plusieurs sites web : 
Check my calendar for meetings tomorrow, then for each meeting with
an external attendee, look up their company website and add a note
about what they do.
Claude travaille sur plusieurs onglets pour rassembler les informations et terminer le flux de travail.

​
Enregistrer un GIF de démonstration

Créez des enregistrements partageables des interactions du navigateur : 
Record a GIF showing how to complete the checkout flow, from adding
an item to the cart through to the confirmation page.
Claude enregistre la séquence d’interaction et l’enregistre sous forme de fichier GIF.

​
Dépannage

​
Extension non détectée

Si Claude Code affiche « Chrome extension not detected » :
  1. Vérifiez que l’extension Chrome est installée et activée dans chrome://extensions
  2. Vérifiez que Claude Code est à jour en exécutant claude --version
  3. Vérifiez que Chrome est en cours d’exécution
  4. Exécutez /chrome et sélectionnez « Reconnect extension » pour rétablir la connexion
  5. Si le problème persiste, redémarrez Claude Code et Chrome
La première fois que vous activez l’intégration Chrome, Claude Code installe un fichier de configuration d’hôte de messagerie native. Chrome lit ce fichier au démarrage, donc si l’extension n’est pas détectée à votre première tentative, redémarrez Chrome pour récupérer la nouvelle configuration. Si la connexion échoue toujours, vérifiez que le fichier de configuration d’hôte existe à :
  • 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 : vérifiez HKCU\Software\Google\Chrome\NativeMessagingHosts\ dans le Registre Windows

​
Le navigateur ne répond pas

Si les commandes du navigateur de Claude cessent de fonctionner :
  1. Vérifiez si une boîte de dialogue modale (alerte, confirmation, invite) bloque la page. Les boîtes de dialogue JavaScript bloquent les événements du navigateur et empêchent Claude de recevoir des commandes. Fermez la boîte de dialogue manuellement, puis demandez à Claude de continuer.
  2. Demandez à Claude de créer un nouvel onglet et réessayez
  3. Redémarrez l’extension Chrome en la désactivant et en la réactivant dans chrome://extensions

​
La connexion s’interrompt lors de longues sessions

Le service worker de l’extension Chrome peut devenir inactif lors de sessions prolongées, ce qui rompt la connexion. Si les outils du navigateur cessent de fonctionner après une période d’inactivité, exécutez /chrome et sélectionnez « Reconnect extension ».

​
Problèmes spécifiques à Windows

Sous Windows, vous pouvez rencontrer :
  • Conflits de tuyau nommé (EADDRINUSE) : si un autre processus utilise le même tuyau nommé, redémarrez Claude Code. Fermez toute autre session Claude Code qui pourrait utiliser Chrome.
  • Erreurs d’hôte de messagerie native : si l’hôte de messagerie native plante au démarrage, essayez de réinstaller Claude Code pour régénérer la configuration d’hôte.

​
Messages d’erreur courants

Ce sont les erreurs les plus fréquemment rencontrées et comment les résoudre :
ErreurCauseSolution
« Browser extension is not connected »L’hôte de messagerie native ne peut pas atteindre l’extensionRedémarrez Chrome et Claude Code, puis exécutez /chrome pour reconnecter
« Extension not detected »L’extension Chrome n’est pas installée ou est désactivéeInstallez ou activez l’extension dans chrome://extensions
« No tab available »Claude a tenté d’agir avant qu’un onglet soit prêtDemandez à Claude de créer un nouvel onglet et réessayez
« Receiving end does not exist »Le service worker de l’extension est devenu inactifExécutez /chrome et sélectionnez « Reconnect extension »

​
Voir aussi