Configuration de l'extension Chrome Claude Code pour l'automatisation du navigateur

Claude Code peut contrôler votre navigateur Chrome. Il peut naviguer sur les pages, cliquer sur des boutons, remplir des formulaires, lire du contenu et prendre des captures d'écran. C'est utile pour tester des applications web, déboguer avec les journaux de la console, ou automatiser des tâches répétitives dans le navigateur sans quitter le terminal.

J'ai essayé d'autres MCP de navigateur (Playwright MCP, Puppeteer, etc.) et l'extension Chrome est nettement plus rapide. Elle se connecte à votre session de navigateur réelle, partageant ainsi votre état de connexion. Pas de lancement de navigateurs sans tête, pas de flux d'authentification séparés. Si vous êtes connecté à Gmail, Notion ou votre environnement de staging, Claude Code peut interagir immédiatement avec ces pages.

La documentation officielle couvre tout en détail. Cet article est la version courte.

Ce dont vous avez besoin

• Google Chrome ou Microsoft Edge
• L'extension Claude in Chrome (v1.0.36+) depuis le Chrome Web Store
• Claude Code v2.0.73 ou supérieur
• Un abonnement Anthropic direct (Pro, Max, Teams ou Enterprise). Cela ne fonctionne pas via Bedrock ou Vertex

Configuration

Installez l'extension depuis le Chrome Web Store. C'est l'étape principale. Claude Code s'occupe du reste.

Ensuite, démarrez Claude Code avec le drapeau (flag) --chrome.

claude --chrome

Si vous êtes déjà dans une session, tapez /chrome pour vous connecter sans redémarrer.

La première fois que vous faites cela, Claude Code installe un fichier de configuration d'hôte de messagerie native que Chrome lit au démarrage. Si l'extension n'est pas détectée lors de votre première tentative, redémarrez Chrome et réessayez.

Si vous souhaitez que Chrome soit activé par défaut afin de ne pas avoir à passer --chrome à chaque fois, exécutez /chrome et sélectionnez "Activé par défaut". Une chose à noter cependant : l'activer par défaut augmente l'utilisation du contexte car les outils du navigateur sont toujours chargés. J'utilise simplement le drapeau lorsque j'en ai besoin.

Utilisation

Une fois connecté, dites simplement à Claude quoi faire dans le navigateur. Il ouvre de nouveaux onglets pour les tâches de navigation et vous pouvez regarder tout se dérouler en temps réel.

Ouvre localhost:3000, essaie de soumettre le formulaire avec des données invalides,
et vérifie si les messages d'erreur apparaissent correctement.

Il peut également lire la sortie de la console, ce qui est excellent pour le débogage.

Ouvre le tableau de bord et vérifie la console pour toute erreur lors du chargement de la page.

Pour les sessions autonomes où Claude Code s'exécute sans surveillance, combinez-le avec --dangerously-skip-permissions afin que les actions du navigateur ne nécessitent pas d'approbation manuelle.

claude --chrome --dangerously-skip-permissions

Si quelque chose ne fonctionne pas

La connexion peut être interrompue lors de longues sessions lorsque le service worker de l'extension Chrome se met en veille. Exécutez /chrome et sélectionnez "Reconnecter l'extension" pour résoudre le problème.

Si une boîte de dialogue d'alerte ou de confirmation JavaScript apparaît sur la page, elle bloque tous les événements du navigateur. Claude Code ne peut pas la fermer. Vous devez la fermer manuellement, puis demander à Claude de continuer.

Pour le guide de dépannage complet, consultez la documentation officielle.