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, y compris le bouton Inspecter et le mode Device (Mode appareil), ainsi que les panneaux Elements (Éléments), Console, Sources et Network (Réseau). Vous découvrirez également l'onglet Styles et des façons de 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 à l'aide du modèle de boîte.
- Découvrez à quoi ressemble votre page sur les appareils mobiles.
- Identifiez les erreurs JavaScript à l'aide du panneau Console.
- Déboguer JavaScript à l'aide de points d'arrêt dans le panneau Sources.
- Analysez et filtrez l'activité réseau dans le panneau Réseau.
- Simulez des vitesses de connexion plus lentes.
- Personnalisez les outils de développement.
Pour en savoir plus, consultez notre présentation des outils de développement.