Les outils pour les développeurs Chrome offrent de nombreux outils puissants qui vous aident à inspecter en profondeur et à améliorer vos applications Web.
La vidéo suivante présente six outils fondamentaux, dont le bouton Inspecter et le mode de l'appareil, ainsi que les panneaux Éléments, Console, Sources et Réseau. Vous découvrirez également l'onglet Styles et comment personnaliser les outils de développement.
Regardez la vidéo pour découvrir comment:
- Inspectez et modifiez les éléments DOM.
- Visualisez et modifiez les dimensions d'un élément avec le modèle Box.
- Découvrez à quoi ressemble votre page sur les appareils mobiles.
- Identifiez les erreurs JavaScript à l'aide du panneau de la console.
- Déboguez JavaScript à l'aide de points d'arrêt dans le panneau Sources.
- Analyser et filtrer l'activité réseau dans le panneau Network (Réseau)
- Simulez des vitesses de connexion plus lentes.
- Personnaliser les outils de développement
Pour une présentation détaillée, consultez la présentation des outils de développement.