Les outils pour les développeurs Chrome proposent de nombreux outils puissants qui vous permettent d'inspecter et d'améliorer vos applications Web en profondeur.
La vidéo suivante présente six outils fondamentaux, dont le bouton Inspecter et le mode Appareil, ainsi que les panneaux Éléments, Console, Sources et Réseau. Vous découvrirez également l'onglet Styles et les manières 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 avec le Box Model.
- Afficher votre page sur les appareils mobiles
- Identifiez les erreurs JavaScript à l'aide du panneau Console.
- Déboguez JavaScript à l'aide des points d'arrêt dans le panneau Sources.
- Analysez et filtrez 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 plus détaillée, consultez la présentation des outils de développement.