![](https://developer.chrome.com/static/docs/devtools/images/devtools-screenshot.png?authuser=5&%3Bhl=fr&hl=fr)
DevTools
Les outils pour les développeurs Chrome sont un ensemble d'outils pour les développeurs Web intégrés directement au navigateur Google Chrome. Les outils de développement vous permettent de modifier des pages à la volée et de diagnostiquer les problèmes rapidement, ce qui vous aide à créer des sites Web de meilleure qualité, plus rapidement.
Ouvrir les Outils de développement
Toutes les méthodes permettant d'ouvrir les outils pour les développeurs Chrome.
Nouveautés des outils de développement
Tenez-vous informé des dernières modifications apportées aux outils de développement.
Astuces pour les outils de développement
Série de courtes vidéos pour vous aider à vous familiariser avec les fonctionnalités des outils de développement.
Commandes et raccourcis
Réaliser rapidement des tâches.
Commandes d'exécution dans le menu de commande
Ouvrez le menu de commandes, exécutez des commandes, ouvrez des fichiers, consultez d'autres actions, etc.
Raccourcis clavier
Documentation de référence complète sur les raccourcis clavier.
Désactiver JavaScript
Découvrez l'apparence et le comportement d'une page Web lorsque JavaScript est désactivé.
Simuler des appareils mobiles avec le mode Appareil
Simulez des appareils pour créer des sites Web axés sur le mobile.
Rechercher dans les ressources chargées
Trouvez du texte dans toutes les ressources chargées à l'aide du panneau de recherche.
Panneaux
Découvrez la puissance de chaque panneau "Outils de développement".
Éléments – DOM
Découvrez comment afficher et modifier le DOM d'une page.
Éléments – CSS
Découvrez comment afficher et modifier le CSS d'une page.
Console
Consignez les messages et exécutez JavaScript.
Sources
Consultez et modifiez des fichiers, créez des extraits, déboguez JavaScript et configurez un espace de travail.
Réseau
Consignez les requêtes réseau.
Performances
Évaluez les performances de votre site Web.
Mémoire
Identifiez les problèmes de mémoire qui affectent les performances des pages, y compris les fuites de mémoire.
Application
Inspectez, modifiez et déboguez des applications Web, testez le cache, affichez l'espace de stockage, etc.
Enregistreur
Enregistrez, revoyez, mesurez les parcours utilisateur et modifiez leurs pas.
Affichage
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web.
Saisie automatique
Inspectez et déboguez les adresses enregistrées.
Problèmes
Identifiez et corrigez les problèmes liés à votre site Web.
Sécurité
Assurez-vous qu'une page est entièrement protégée par HTTPS.
Outil d'inspection de mémoire
Inspectez un ArrayBuffer, TypedArray ou DataView dans JavaScript, ainsi que WebAssembly et la mémoire des applications Wasm C++.
Conditions du réseau
Ignorez la chaîne user-agent.
Contenus multimédias
Affichez les informations et déboguez des lecteurs multimédias par onglet du navigateur.
Animations
Inspectez et modifiez les animations.
Transferts
Suivez les modifications apportées au code HTML, CSS et JavaScript.
Couverture
Recherchez et analysez le code JavaScript et CSS inutilisé.
Ressources pour les développeurs
Vérifiez si les cartes sources se chargent correctement et chargez-les manuellement.
Présentation du CSS
Identifiez les améliorations potentielles du CSS.
Phare
Optimisez la vitesse de votre site Web grâce au panneau Lighthouse.
Statistiques sur les performances
Obtenez des insights exploitables sur les performances de votre site Web.
Capteurs
Émuler les capteurs de l'appareil.
WebAuthn
Émuler les authentificateurs.