> ## Documentation Index
> Fetch the complete documentation index at: https://cli.fuxicode.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Utiliser Fuxi Code avec Chrome
> Connectez Fuxi Code à votre navigateur Chrome pour tester des applications web, déboguer avec les journaux de console, automatiser le remplissage de formulaires et extraire des données des pages web.
Fuxi Code s'intègre à l'[extension Fuxi in Chrome du navigateur](https://chromewebstore.google.com/detail/fuxi/fcoeoabgfenejglbffodgkkbkcdhcgfn) pour vous offrir des capacités d'automatisation du navigateur depuis la CLI ou l'[extension VS Code](/fr/vs-code#automate-browser-tasks-with-chrome). Créez votre code, puis testez et déboguez dans le navigateur sans changer de contexte.
Fuxi 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 Fuxi rencontre une page de connexion ou un CAPTCHA, il s'arrête et vous demande de le gérer manuellement.
L'intégration Chrome fonctionne avec Google Chrome et Microsoft Edge. Elle n'est pas encore prise en charge sur Brave, Arc ou d'autres navigateurs basés sur Chromium. Elle n'est pas non plus prise en charge dans Windows Subsystem for Linux (WSL).
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 Fuxi Code avec Chrome, vous avez besoin de :
* Navigateur [Google Chrome](https://www.google.com/chrome/) ou [Microsoft Edge](https://www.microsoft.com/edge)
* Extension [Fuxi in Chrome](https://chromewebstore.google.com/detail/fuxi/fcoeoabgfenejglbffodgkkbkcdhcgfn) version 1.0.36 ou supérieure, disponible dans le Chrome Web Store pour les deux navigateurs
* [Fuxi Code](/fr/quickstart#step-1-install-fuxi-code)
* Un plan Anthropic direct (Pro, Max, Team ou Enterprise)
L'intégration Chrome n'est pas disponible via des fournisseurs tiers comme Amazon Bedrock, Google Cloud's Agent Platform ou Microsoft Foundry. Si vous accédez à Fuxi exclusivement via un fournisseur tiers, vous avez besoin d'un compte fuxi.ai séparé pour utiliser cette fonctionnalité.
Démarrer dans la CLI
Démarrez Fuxi Code avec le drapeau `--chrome` :
```bash theme={null}
fuxi --chrome
```
Vous pouvez également activer Chrome au sein d'une session existante en exécutant `/chrome`.
Cet exemple accède à une page, interagit avec elle et rapporte ce qu'il trouve, le tout depuis votre terminal ou éditeur :
```text theme={null}
Go to cli.fuxicode.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, reconnecter l'extension ou choisir quel navigateur connecté utiliser. Si plusieurs navigateurs sont connectés au moment où une action de navigateur commence, Fuxi vous invite à en choisir un.
Pour VS Code, consultez [l'automatisation du navigateur dans VS Code](/fr/vs-code#automate-browser-tasks-with-chrome).
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](/fr/vs-code#automate-browser-tasks-with-chrome), 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 Fuxi peut parcourir, cliquer et taper.
En [mode plan](/fr/permission-modes#analyze-before-you-edit-with-plan-mode), les appels d'outils du navigateur qui lisent uniquement la page ou l'état du navigateur s'exécutent sans invite d'autorisation, et les appels qui modifient l'état demandent une approbation.
* **Appels en lecture seule** : `read_page`, `get_page_text`, `find`, lecture des messages de console ou des demandes réseau, et prise de capture d'écran
* **Appels modifiant l'état** : clics, saisie, navigation, gestion des onglets et des fenêtres, et enregistrement d'un GIF
À partir de la v2.1.199, un appel autrement en lecture seule qui définit un drapeau d'entrée modifiant l'état, tel que `createIfEmpty` sur `tabs_context_mcp`, `clear` sur les lecteurs de console et de réseau, ou `save_to_disk` sur une capture d'écran, demande également une approbation. Un appel `browser_batch` s'exécute sans invite uniquement lorsque chaque action à l'intérieur est en lecture seule.
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 `fuxi-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 à Fuxi de vérifier que vos modifications fonctionnent correctement :
```text theme={null}
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?
```
Fuxi accède à votre serveur local, interagit avec le formulaire et rapporte ce qu'il observe.
Déboguer avec les journaux de console
Fuxi peut lire la sortie de la console pour aider à diagnostiquer les problèmes. Dites à Fuxi quels modèles rechercher plutôt que de demander toute la sortie de la console, car les journaux peuvent être verbeux :
```text theme={null}
Open the dashboard page and check the console for any errors when
the page loads.
```
Fuxi lit les messages de la console et peut filtrer les modèles ou types d'erreurs spécifiques.
Accélérez les tâches répétitives de saisie de données :
```text theme={null}
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.
```
Fuxi 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 Fuxi pour écrire directement dans vos documents sans configuration d'API :
```text theme={null}
Draft a project update based on the recent commits and add it to my
Google Doc at docs.google.com/document/d/abc123
```
Fuxi 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.
Extrayez des informations structurées des sites web :
```text theme={null}
Go to the product listings page and extract the name, price, and
availability for each item. Save the results as a CSV file.
```
Fuxi 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 :
```text theme={null}
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.
```
Fuxi 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 :
```text theme={null}
Record a GIF showing how to complete the checkout flow, from adding
an item to the cart through to the confirmation page.
```
Fuxi enregistre la séquence d'interaction et l'enregistre sous forme de fichier GIF.
Dépannage
Extension non détectée
Si Fuxi Code ne peut pas détecter l'extension Chrome :
1. Vérifiez que l'extension Chrome est installée et activée dans `chrome://extensions`
2. Vérifiez que Fuxi Code est à jour en exécutant `fuxi --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 Fuxi Code et Chrome
La première fois que vous activez l'intégration Chrome, Fuxi 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.
À partir de la v2.1.199, Fuxi Code ouvre un onglet du navigateur vous invitant à connecter l'extension uniquement lors de cette première installation. Les sessions ultérieures qui réécrivent le fichier de configuration, par exemple après le changement de versions de Fuxi Code ou de répertoires de configuration, ne le rouvrent pas.
Si la connexion échoue toujours, vérifiez que le fichier de configuration d'hôte existe à :
Pour Chrome :
* **macOS** : `~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.fuxi_code_browser_extension.json`
* **Linux** : `~/.config/google-chrome/NativeMessagingHosts/com.anthropic.fuxi_code_browser_extension.json`
* **Windows** : vérifiez `HKCU\Software\Google\Chrome\NativeMessagingHosts\` dans le Registre Windows
Pour Edge :
* **macOS** : `~/Library/Application Support/Microsoft Edge/NativeMessagingHosts/com.anthropic.fuxi_code_browser_extension.json`
* **Linux** : `~/.config/microsoft-edge/NativeMessagingHosts/com.anthropic.fuxi_code_browser_extension.json`
* **Windows** : vérifiez `HKCU\Software\Microsoft\Edge\NativeMessagingHosts\` dans le Registre Windows
Le navigateur ne répond pas
Si les commandes du navigateur de Fuxi 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 Fuxi de recevoir des commandes. Fermez la boîte de dialogue manuellement, puis demandez à Fuxi de continuer.
2. Demandez à Fuxi 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 Fuxi Code. Fermez toute autre session Fuxi 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 Fuxi 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 :
| Erreur | Cause | Solution |
| -------------------------------------- | ------------------------------------------------------------- | -------------------------------------------------------------------------- |
| « Browser extension is not connected » | L'hôte de messagerie native ne peut pas atteindre l'extension | Redémarrez Chrome et Fuxi Code, puis exécutez `/chrome` pour reconnecter |
| « Extension not detected » | L'extension Chrome n'est pas installée ou est désactivée | Installez ou activez l'extension dans `chrome://extensions` |
| « No tab available » | Fuxi a tenté d'agir avant qu'un onglet soit prêt | Demandez à Fuxi de créer un nouvel onglet et réessayez |
| « Receiving end does not exist » | Le service worker de l'extension est devenu inactif | Exécutez `/chrome` et sélectionnez « Reconnect extension » |
Voir aussi
* [Utilisation informatique](/fr/computer-use) : contrôlez les applications macOS natives quand une tâche ne peut pas être effectuée dans un navigateur
* [Utiliser Fuxi Code dans VS Code](/fr/vs-code#automate-browser-tasks-with-chrome) : automatisation du navigateur dans l'extension VS Code
* [Référence CLI](/fr/cli-reference) : drapeaux de ligne de commande incluant `--chrome`
* [Flux de travail courants](/fr/common-workflows) : plus de façons d'utiliser Fuxi Code
* [Données et confidentialité](/fr/data-usage) : comment Fuxi Code gère vos données
* [Démarrer avec Fuxi in Chrome](https://support.fuxi.com/en/articles/12012173-getting-started-with-fuxi-in-chrome) : documentation complète pour l'extension Chrome, incluant les raccourcis, la planification et les autorisations