Insights sur la console: mieux comprendre les erreurs et les avertissements avec Gemini

Demandez à Gemini de vous fournir des insights directement dans la console des outils de développement afin de mieux comprendre les erreurs et les avertissements.

Consultez également Comment vos données sont utilisées et Problèmes connus.

Conditions requises

Pour utiliser la fonctionnalité Insights de la console, assurez-vous de :

  • avoir au moins 18 ans et résider dans l'un des pays où le service est disponible ;
  • Utiliser Chrome 125 ou une version ultérieure
  • être connecté à Chrome avec votre compte Google ;
  • La langue Anglais (États-Unis) est sélectionnée dans  > Paramètres > Préférences > Apparence > Langue dans DevTools.

    Définition des langues...

    Paramètre de langue dans les outils de développement.
  • Vous avez activé "Comprendre les messages de la console grâce à l'IA" dans DevTools.

Activez "Comprendre les messages de la console avec l'IA" dans les outils de développement

Ouvrez les outils de développement, puis accédez à (Paramètres) Settings (Paramètres). Sous Préférences > Console, Comprendre les messages de la console avec l'IA.

Configuration de la zone…

Paramètre "Comprendre les messages de la console grâce à l'IA".

Si vous ne pouvez pas cocher la case, une icône indique qu'une ou plusieurs des conditions requises ne sont pas remplies. Pointez sur l'icône pour en savoir plus.

Obtenir des explications sur les messages de la console

Pour obtenir une explication, procédez comme suit dans Chrome :

  1. Consultez cette page de démonstration.
  2. Ouvrez les outils pour les développeurs et inspectez la page.
  3. Ouvrez la console pour inspecter les messages de la console.
  4. Sur la page de démonstration, cliquez dans le champ de recherche. Le menu déroulant ne s'affiche pas et la console affiche une erreur.

    Une erreur s'affiche dans la console en cas d'échec de la récupération d'un menu déroulant.

  5. Pointez sur le message d'erreur CORS. Un bouton Comprendre cette erreur Étincelles. s'affiche à droite du message d'erreur.

    La page « Comprendre cette erreur » .

  6. Pour afficher une boîte de dialogue, cliquez sur Étincelles. Comprendre cette erreur.

    Si vous utilisez cette fonctionnalité pour la première fois ...

    1. Lisez l'avis de confidentialité pour savoir comment Google utilise vos données, puis cliquez sur Suivant. Boîte de dialogue avec l'avis de confidentialité.

      Ici, vous pouvez également Annuler la boîte de dialogue ou Désactiver cette fonctionnalité dans les paramètres.

    2. Dans la boîte de dialogue suivante, lisez la mention légale pour en savoir plus. Pour accepter les conditions d'utilisation applicables, cochez la case , puis cliquez sur Continuer. Boîte de dialogue contenant la mention légale.

      Vous pouvez également Retourner en arrière ou Désactiver cette fonctionnalité dans les paramètres.

  7. Dans la boîte de dialogue, découvrez quelles données seront envoyées à Google. Pour afficher les données dans de nouveaux onglets, vous pouvez cliquer sur les liens correspondants.

    Pour obtenir une explication, cliquez sur Continuer.

    Boîte de dialogue avec les données à envoyer.

  8. Après quelques secondes, une explication s'affiche sous l'erreur de la console.

    Explication de l'erreur générée par IA.

Si vous ne trouvez pas l'explication satisfaisante, vous pouvez cliquer sur Utiliser la recherche pour ouvrir un nouvel onglet contenant les résultats de recherche de l'erreur.

Nous vous remercions par avance de nous faire part de vos commentaires. Cliquez sur les boutons ou pour nous aider à améliorer en permanence cette fonctionnalité.

Utilisation de vos données

Cet avis et notre Avis de confidentialité expliquent comment les outils de développement Chrome traitent vos données. Lisez-les attentivement.

Chrome DevTools utilise le message de la console, la trace de la pile associée, le code source associé et les en-têtes réseau associés comme données d'entrée. Lorsque vous utilisez l'option Comprendre ce message, Google collecte ces données d'entrée, le résultat généré, les informations associées sur l'utilisation des fonctionnalités et vos commentaires. Google utilise ces données pour fournir, améliorer et développer ses produits et services, ainsi que ses technologies de machine learning (apprentissage automatique), y compris ses produits d'entreprise tels que Google Cloud.

Afin de nous aider à améliorer nos produits et leur qualité, des examinateurs manuels peuvent lire, annoter et traiter les données d'entrée mentionnées ci-dessus, le résultat généré, les informations associées sur l'utilisation des fonctionnalités et vos commentaires. N'incluez pas d'informations sensibles (confidentielles, par exemple) ni personnelles permettant de vous identifier ou d'identifier d'autres personnes dans vos requêtes ou vos commentaires. Vos données seront stockées de telle sorte que Google ne pourra pas savoir qui les a fournies, ne pourra plus traiter les demandes de suppression et les conservera pendant 18 mois au maximum. Nous ne pouvons pas collecter de données pour améliorer notre produit si votre compte Google est géré par une organisation.

Voici quelques points importants à connaître pour comprendre ce message :

  • Chrome DevTools utilise le message de la console, la trace de la pile associée, le code source associé et les en-têtes réseau associés pour fournir des réponses.
  • Les outils pour les développeurs Chrome utilisent une technologie expérimentale et peuvent générer des informations inexactes ou choquantes qui ne représentent pas l'opinion de Google. Les votes pour les réponses nous aideront à améliorer cette fonctionnalité.
  • Cette fonctionnalité est expérimentale et susceptible d'être modifiée ultérieurement.
  • Utilisez les extraits de code générés avec précaution.

Pour utiliser cette fonctionnalité, vous devez accepter que votre utilisation de Comprendre ce message soit soumise aux Conditions d'utilisation de Google.

Problèmes connus

Chrome DevTools utilise les grands modèles de langage de Google pour générer une explication. Les grands modèles de langage, ou LLM, constituent un domaine de recherche nouveau et actif. Les réponses générées par les LLM sont parfois contestables, voire complètement fausses. Il est important que vous compreniez que les résultats peuvent être inexacts ou trompeurs, alors vérifiez toujours !

Explication incorrecte

Les LLM génèrent du contenu qui semble probable et plausible. Dans la plupart des cas, ces contenus incluent des informations véridiques et utiles qui peuvent vous aider à comprendre une erreur ou un avertissement dans le contexte approprié. Le développement et le débogage Web modernes sont des tâches complexes et complexes qui nécessitent des années d'expérience pour devenir compétentes. Parfois, les réponses fournies par les LLM semblent convaincantes, mais en réalité trompeuses ou dénuées de sens pour un développeur Web humain. Nous mettons tout en œuvre pour améliorer en permanence la qualité et l'exactitude des insights générés. Vous pouvez nous aider en nous envoyant vos commentaires lorsque vous rencontrez des explications incorrectes.

Injection de requête

De nombreuses applications LLM sont susceptibles d'être victimes d'une forme d'abus appelée injection d'invite. Il en va de même pour cette fonctionnalité. Il est possible de duper le LLM pour qu'il accepte des instructions qui ne sont pas destinées aux développeurs.

Consultez l'exemple inoffensif suivant:

Exemple d'injection de requête.