Améliorez votre workflow de développement grâce à Gemini intégré directement dans les outils pour les développeurs Chrome. Simplifiez le débogage grâce à l'assistance de l'IA pour le style, les performances, le réseau et les sources.

Essayer maintenant

Exécuter les premières invites

Découvrez Gemini dans les outils pour les développeurs Chrome en exécutant les exemples de requêtes dans le tutoriel interactif ci-dessous.

Ce que l'assistance IA peut faire pour vous

Les problèmes de style peuvent être difficiles à déboguer. Obtenez une explication détaillée des styles de votre élément et de l'aide pour corriger les bugs de mise en page et de style:

Can you center this element?
En savoir plus

Les en-têtes de requête et de réponse contiennent souvent des informations importantes qui ne sont pas évidentes au premier coup d'œil. Utilisez l'assistance de l'IA pour approfondir vos recherches:

Why does this request fail?
En savoir plus

Il est rare que vous ayez écrit tout le code de votre site Web. Vous ne savez pas à quoi sert un script particulier ? L'assistance optimisée par l'IA peut vous aider à:

What is this file used for?
En savoir plus

Mauvaises métriques Core Web Vitals ? Il peut être difficile de trouver la cause d'un site Web lent. L'assistance par IA peut examiner votre problème et vous proposer des solutions:

Help me optimize my LCP score
En savoir plus

Découvrez l'assistance par l'IA en action

Découvrez nos démonstrations interactives pour découvrir comment commencer à utiliser l'assistance de l'IA dans vos projets.
Essayez les corrections de style optimisées par l'IA pour transformer un avion statique en merveille volante, tout en vous assurant que les mesures de sécurité sont prises.
Découvrir la démonstration
Allez-vous vaincre la barre de défilement maudite avec l'aide de l'IA, ou une équipe de plongeurs sera-t-elle à jamais piégée dans un cauchemar de mise en page ?
Découvrir la démonstration

Vous ne savez pas par où commencer ?

Découvrez des idées de requêtes pour l'assistance de l'IA dans DevTools. Testez nos démonstrations ou essayez-les sur vos propres sites Web.

Corriger le format d'une image

Make all teaser images always be 16:9

L'une des images n'est pas recadrée de la même manière que les autres ?

Résoudre un problème de débordement

How can I make this element visible?

L'élément n'est pas visible ?

Démystifier les en-têtes

Are there any security headers present?

Pour en savoir plus sur les en-têtes de sécurité d'une ressource donnée...

Créer des rapports de bug

Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results.

Un problème est survenu ? Créez rapidement un rapport de bug détaillé.

  • Ouvrez les outils pour les développeurs pour une page Web présentant une erreur réseau.
  • Dans le panneau "Network" (Réseau), sélectionnez la requête en échec.
  • Cliquez sur l'icône d'assistance IA.
  • Invite : Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results.
  • Le LLM génère un rapport de bug que vous pouvez copier directement dans votre outil de suivi des problèmes.

Découvertes en profondeur

Découvrez des vidéos expliquant comment utiliser l'assistance de l'IA dans DevTools pour résoudre les problèmes courants de développement Web.
Découvrez la puissance du débogage assisté par l'IA avec Chrome DevTools.
Découvrez les fonctionnalités du panneau "Réseau", les mises à jour de référence et CSS, ainsi que les innovations en matière d'IA dans Chrome 139 à 141 avec Matthias.

Premiers pas

Assurez-vous d'utiliser la dernière version de Chrome et d'être connecté. Vous devez avoir au moins 18 ans et vous trouver dans l'une des régions acceptées.
Consulter les conditions requises
L'assistance par IA est désactivée par défaut. Pour l'activer, accédez à la section Paramètres > Assistance IA. Vous devez accepter les conditions d'utilisation de Google pour pouvoir utiliser l'assistance par IA.
Favoriser les innovations de l'IA
Une règle d'entreprise permet de contrôler si les données partagées avec Gemini sont enregistrées et utilisées pour l'entraînement.
En savoir plus sur l'utilisation de vos données

Aidez-nous à nous améliorer.

Cette fonctionnalité est expérimentale et peut être modifiée à l'avenir. Il peut générer des informations inexactes ou choquantes qui ne représentent pas l'opinion de Google. Votez pour les réponses pour nous aider à les améliorer et n'hésitez pas à nous faire part de vos commentaires.

Envoyer des commentaires