Les outils pour les développeurs Chrome sont un ensemble d'outils pour les développeurs Web intégrés directement dans le navigateur Google Chrome. Les outils de développement peuvent vous aider à modifier des pages à la volée et à diagnostiquer les problèmes rapidement, ce qui vous aide à créer des sites Web de meilleure qualité et plus rapidement.
Toutes les méthodes permettant d'ouvrir les outils pour les développeurs Chrome.
Tenez-vous informé des dernières modifications apportées aux 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.
Ce guide vous explique comment ouvrir le menu de commandes, exécuter des commandes, ouvrir des fichiers, afficher d'autres actions, etc.
Documentation canonique sur les raccourcis clavier des outils pour les développeurs Chrome.
Découvrez l'apparence et le comportement d'une page Web lorsque JavaScript est désactivé.
Utilisez des appareils virtuels en mode Appareil dans Chrome pour créer des sites Web axés sur les mobiles.
Recherchez du texte dans toutes les ressources chargées à l'aide de l'onglet "Rechercher".

Panneaux

Découvrez la puissance de chaque panneau "Outils de développement".
Découvrez comment afficher et modifier le DOM d'une page à l'aide des outils pour les développeurs Chrome.
Découvrez comment afficher et modifier le CSS d'une page à l'aide des outils pour les développeurs Chrome.
Consignez les messages et exécutez JavaScript.
Consultez et modifiez des fichiers, créez des extraits, déboguez JavaScript et configurez un espace de travail.
Consignez les requêtes réseau.
Évaluez les performances de votre site à l'aide des outils de développement.
Identifiez les problèmes de mémoire qui affectent les performances des pages, y compris les fuites de mémoire, les surcharges de mémoire et les récupérations de mémoire fréquentes.
Inspectez, modifiez et déboguez des applications Web, testez le cache et affichez l'espace de stockage.
Enregistrez, revoyez, mesurez les parcours utilisateur et modifiez leurs pas.
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web.
Identifiez et corrigez les problèmes liés à votre site Web.
Utilisez le panneau de sécurité pour vous assurer qu'une page est entièrement protégée par HTTPS.
Inspectez un ArrayBuffer, TypedArray ou DataView dans JavaScript, ainsi que WebAssembly et la mémoire des applications Wasm C++.
Ignorez la chaîne user-agent. Désactivez l'option "Sélectionner automatiquement" et choisissez une option dans la liste ou saisissez une chaîne personnalisée.
Utilisez le panneau "Multimédia" pour afficher des informations et déboguer les lecteurs multimédias par onglet du navigateur.
Inspectez et modifiez les animations à l'aide de l'onglet "Animations".
Suivez les modifications apportées au code HTML, CSS et JavaScript.
Recherchez et analysez le code JavaScript et CSS inutilisé dans les outils pour les développeurs Chrome.
Utilisez l'onglet du panneau des ressources pour les développeurs pour vérifier si les cartes sources se chargent correctement et les charger manuellement.
Identifiez les améliorations potentielles du CSS à l'aide du panneau "Présentation du CSS".
Optimisez la vitesse de votre site Web grâce au panneau Lighthouse.
Obtenez des insights exploitables sur les performances de votre site Web grâce au panneau "Insights sur les performances".
Émuler les capteurs de l'appareil.
Émuler les authentificateurs.