Navigateur

Browser permet à ChatGPT d’ouvrir des sites web, de recueillir des informations à jour et d’effectuer des actions tout en vous laissant le contrôle. Utilisez-le pour comparer des options, accomplir une tâche en plusieurs étapes sur un site web ou examiner une page que vous développez.

Browser est disponible dans ChatGPT sur le web et dans l’application de bureau ChatGPT.

Considérez le contenu des pages comme un contexte non fiable. Examinez le site et l’action proposée avant de communiquer des informations sensibles ou d’autoriser ChatGPT à agir.

Le navigateur intégré à l’application de bureau ChatGPT vous offre, à vous et à ChatGPT, une vue partagée des sites web et des applications web locales au sein d’une conversation. Utilisez-le pour prévisualiser une page, laisser des commentaires visuels ou permettre à ChatGPT d’interagir avec un site pour votre compte.

Le navigateur intégré utilise un profil distinct de celui de votre navigateur habituel. Il ne partage pas automatiquement vos onglets existants ni votre session de navigation. Vous pouvez vous connecter directement lorsqu’une tâche nécessite un compte. Ouvrez Settings > Browser pour gérer les données du navigateur et les éventuelles fonctionnalités d’importation de profil disponibles sur votre appareil.

Par défaut, les téléchargements de Browser sont enregistrés dans le dossier Téléchargements de votre système. Dans Settings > Browser, vous pouvez choisir un autre emplacement de téléchargement, rétablir l’emplacement système par défaut ou activer Ask where to save downloads.

Utilisez plutôt l’extension Chrome lorsque ChatGPT doit travailler dans un onglet Chrome existant ou utiliser votre profil Chrome habituel.

Ouvrez le navigateur intégré depuis la barre d’outils, en cliquant sur une URL, en accédant manuellement à une adresse ou en appuyant sur Cmd+Shift+B (Ctrl+Shift+B sous Windows).

Rechercher depuis la barre d’adresse

Commencez à saisir du texte dans la barre d’adresse du navigateur intégré pour retrouver des pages dans son historique de navigation. Sélectionnez une page correspondante pour la rouvrir, ou saisissez un terme de recherche pour effectuer une recherche Google lorsqu’aucun résultat de l’historique ne correspond.

Le navigateur intégré conserve son propre profil et son propre historique de navigation. Les résultats n’incluent pas automatiquement les pages de votre profil Chrome habituel ni d’autres navigateurs.

Gérer l’historique de navigation

Ouvrez Settings > Browser pour rechercher dans l’historique du navigateur intégré, rouvrir une page visitée ou supprimer des entrées de l’historique lorsque votre organisation l’autorise. Utilisez Clear browsing data pour choisir une période et les types de données de navigation à supprimer.

Lorsque cette option est disponible, ChatGPT peut demander à rechercher dans votre historique de navigation pour trouver une page pertinente pour la tâche en cours. Examinez la demande avant d’autoriser l’accès. L’historique de navigation peut inclure des URL internes, des termes de recherche et d’autres informations sensibles : ne l’autorisez que si la tâche nécessite ce contexte.

Computer Use dans le navigateur

Dans l’application de bureau, Computer Use permet à ChatGPT Work ou à Codex de piloter directement le navigateur intégré. L’expérience sélectionnée peut ouvrir des pages, cliquer, saisir du texte, inspecter l’état rendu, prendre des captures d’écran et vérifier le résultat de son travail dans la page.

Sélectionnez ChatGPT et activez Work dans le sélecteur, ou sélectionnez Codex. Ouvrez le répertoire Plugins et installez Browser. Demandez ensuite à ChatGPT ou à Codex d’utiliser le navigateur dans votre tâche, ou référencez-le directement avec @Browser.

Par exemple :

Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.

ChatGPT demande votre autorisation avant d’utiliser un site web, sauf si vous avez déjà autorisé ce site. Gérez les sites autorisés et bloqués dans Settings > Browser. ChatGPT demande également une confirmation avant toute action sensible, comme l’envoi d’informations, un achat, la modification d’autorisations ou la suppression de données. ChatGPT ne peut pas automatiser le téléversement de fichiers dans le navigateur intégré.

Prévisualiser une page

1. Démarrez le serveur de développement de votre application dans le terminal intégré ou à l’aide d’une action d’environnement local.
2. Ouvrez la route locale, la page adossée à un fichier ou la page publique en cliquant sur une URL ou en y accédant manuellement dans le navigateur.
3. Examinez l’état rendu en parallèle du diff du code.
4. Laissez des commentaires dans le navigateur sur les éléments ou les zones à modifier.
5. Demandez à ChatGPT de traiter les commentaires en conservant un périmètre restreint.

Par exemple :

I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.

Commenter la page

Lorsqu’un bug n’est visible que dans la page rendue, utilisez les commentaires du navigateur pour fournir à ChatGPT des indications précises.

1. Activez Annotation mode.
2. Cliquez sur un élément ou faites glisser le pointeur pour sélectionner une zone.
3. Rédigez et enregistrez votre commentaire.
4. Envoyez un message dans la conversation pour demander à ChatGPT de traiter les commentaires.

Les commentaires sont plus efficaces lorsque vous indiquez le problème et le résultat souhaité :

This button overflows on mobile. Keep the label on one line if it fits,
otherwise wrap it without changing the card height.

This tooltip covers the data point under the cursor. Reposition the tooltip so
it stays inside the chart bounds.

Commentaires sur le style

Lorsque vous ajoutez une annotation à une section de la page, sélectionnez Adjust à côté du champ de saisie pour fournir à ChatGPT des indications de style plus détaillées. Vous pouvez modifier des valeurs comme la police, le texte, l’espacement et la couleur, prévisualiser le résultat sur la page, puis envoyer l’annotation avec un objectif plus précis.

Limiter le périmètre des tâches du navigateur

Veillez à ce que chaque tâche du navigateur soit suffisamment restreinte pour être examinée en une seule fois.

• Indiquez la page, la route ou l’URL.
• Indiquez l’état qui vous intéresse, par exemple le chargement, l’absence de contenu, une erreur ou la réussite.
• Laissez des commentaires sur les éléments ou les zones précis à modifier.
• Examinez de nouveau la page une fois le travail de ChatGPT terminé.
• Demandez à ChatGPT de démarrer ou de vérifier le serveur de développement avant d’ouvrir une page locale.

Pour les modifications apportées au dépôt, utilisez le volet de révision afin d’examiner les changements et de laisser des commentaires.

Mode développeur

Le mode développeur fonctionne avec Computer Use dans Chrome et dans le navigateur intégré. Il fournit à ChatGPT un accès contrôlé au Chrome DevTools Protocol (CDP). Utilisez-le pour profiler JavaScript, inspecter la sortie de la console et le trafic réseau, examiner le DOM et les styles appliqués, ou diagnostiquer un problème dans le navigateur en direct.

Pour l’activer, ouvrez Settings > Browser et, sous Developer mode, activez Enable full CDP access. Si votre organisation a désactivé ce paramètre, vous ne pouvez pas l’activer localement. Les administrateurs peuvent définir browser_use_full_cdp_access = false sous [features] dans requirements.toml pour désactiver l’accès CDP complet et empêcher les utilisateurs d’activer le paramètre correspondant dans l’application de bureau ChatGPT.

L’accès CDP complet peut exposer des informations internes sensibles du navigateur. ChatGPT demande une autorisation explicite avant d’utiliser le CDP complet pour inspecter un site web. Examinez le site, la tâche et l’accès demandé avant de l’autoriser.

Utilisez @Browser pour le navigateur intégré. Pour utiliser le mode développeur dans Chrome, configurez l’extension Chrome et invoquez @Chrome.

Par exemple :

This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.