Mieux comprendre les erreurs et les avertissements grâce aux insights de la console

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 Utilisation de vos données et Problèmes connus.

Conditions requises

Pour utiliser la fonctionnalité Insights de la console, veillez à:

  • être âgé d'au moins 18 ans et résider dans l'un des pays où cette fonctionnalité 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 DevTools.
  • Vous avez activé "Console Insights" dans les outils de développement.

Activer "Console Insights"

Si vous n'avez pas encore activé Insights de la console, vous serez invité à le faire la première fois que vous utiliserez cette fonctionnalité. Un lien vers  > Paramètres > Innovations en IA s'affichera. Développez la section Insights de la console, lisez les considérations et activez le bouton correspondant.

Bouton "Insights de la console" dans les paramètres.

Si vous ne parvenez pas à activer le bouton, assurez-vous d'être connecté à Chrome avec votre compte Google.

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. La récupération du menu déroulant échoue, et la console affiche une erreur.

    Erreur dans la console lorsqu'un menu déroulant ne parvient pas à être extrait.

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

    Le bouton "Comprendre cette erreur".

  6. Pour obtenir une explication de l'erreur, cliquez sur Étincelle d'une ampoule. Comprendre cette erreur.

    Si vous lancez les insights de la console pour la première fois, vous serez invité à activer la fonctionnalité dans les paramètres.

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

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

Pour voir quelles données Gemini a utilisées pour générer une explication, développez la section Données utilisées pour comprendre ce message.

Section "Données utilisées pour comprendre ce message" développée.

Si vous pensez que l'explication n'est pas satisfaisante, vous pouvez cliquer sur Utiliser la recherche plutôt que pour ouvrir un nouvel onglet contenant les résultats de recherche pour l'erreur.

Utilisation de vos données

Cet avis et notre Avis de confidentialité décrivent 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. Si votre compte Google est géré par une organisation, nous ne recueillons peut-être pas de données pour améliorer notre produit.

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.
  • Chrome DevTools utilise une technologie expérimentale et peut générer des informations inexactes ou choquantes qui ne représentent pas l'opinion de Google. Voter sur les réponses nous aidera à améliorer cette fonctionnalité.
  • Cette fonctionnalité est expérimentale et peut être modifiée à l'avenir.
  • 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 (LLM) sont un domaine de recherche nouveau et actif. Les réponses générées par les LLM sont parfois contestables, voire complètement fausses. Sachez que les résultats peuvent être inexacts ou trompeurs. Vérifiez-les donc toujours.

Explication incorrecte

Les LLM génèrent du contenu qui semble probable et plausible. Dans la plupart des cas, ce contenu contient 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 générées par les LLM semblent convaincantes, mais sont en réalité trompeuses ou dénuées de sens pour un développeur Web humain. Nous mettons tout en œuvre pour améliorer continuellement 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 sujettes à une forme d'abus connue sous le nom d'injection de requêtes. Il en va de même pour cette fonctionnalité. Il est possible de tromper 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.