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.
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.
Ouvrez le menu de commandes, exécutez des commandes, ouvrez des fichiers, consultez d'autres actions, etc.
Documentation de référence complète sur les raccourcis clavier.
Découvrez l'apparence et le comportement d'une page Web lorsque JavaScript est désactivé.
Simulez des appareils pour créer des sites Web axés sur le mobile.
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".
Découvrez comment afficher et modifier le DOM d'une page.
Découvrez comment afficher et modifier le CSS d'une page.
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 Web.
Identifiez les problèmes de mémoire qui affectent les performances des pages, y compris les fuites de mémoire.
Inspectez, modifiez et déboguez des applications Web, testez le cache, affichez l'espace de stockage, etc.
Enregistrez, revoyez, mesurez les parcours utilisateur et modifiez leurs pas.
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web.
Inspectez et déboguez les adresses enregistrées.
Identifiez et corrigez les problèmes liés à votre site Web.
Assurez-vous 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.
Testez votre site en bloquant les requêtes réseau.
Affichez les informations et déboguez des lecteurs multimédias par onglet du navigateur.
Inspectez et modifiez les animations.
Suivez les modifications apportées au code HTML, CSS et JavaScript.
Recherchez et analysez le code JavaScript et CSS inutilisé.
Vérifiez si les cartes sources se chargent correctement et chargez-les manuellement.
Identifiez les améliorations potentielles 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.
Surveillez les performances de charge et d'exécution.
consulter et modifier les fichiers sources tout en ayant accès à d'autres panneaux ;
Émuler les capteurs de l'appareil.
Affichez les métriques de l'API WebAudio.
Émuler les authentificateurs.