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.

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?

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?

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?

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

Obtenez l'aide de l'IA où que vous soyez

Recherchez le bouton Demander à l'IA pour obtenir l'aide de Gemini pour votre tâche en cours.

Démonstrations

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.
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 ?

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...

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.
Explorer l'historique de chat persistant avec l'IA dans Chrome 133 à 135
Découvrez l'assistance par IA dans Chrome 130 à 132 avec Jecelyn, Oliver et 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.
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.
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.

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.