Déboguez et modifiez des pages web avec Chrome DevTools.
Les outils de développement Google Chrome, également connus sous le nom de Chrome DevTools, sont des outils avancés d'auteur et de débogage web intégrés à Google Chrome. Ces outils complets sont utilisés par les développeurs pour itérer, déboguer et profiler votre site web sans avoir besoin de quitter l'environnement de Chrome. DevTools vous permet également de suivre les problèmes de mise en page, d'obtenir des informations sur l'optimisation du code et d'établir des points d'arrêt JavaScript.
Utilisation des outils de développement Chrome
Pour utiliser les outils de développement Google Chrome, il vous suffit d'ouvrir une page avec Google Chrome. Depuis le menu « Chrome », sélectionnez « Outils », suivi de « Outils de développement ». Vous pouvez également cliquer avec le bouton droit sur un élément de la page et sélectionner « Inspecter l'élément ». Vous pouvez également utiliser votre clavier en sélectionnant ctl+shift+i sur les appareils Windows ou cmnd+opt+i sur Mac. Les outils de développement sont regroupés dans une barre d'outils en haut de la fenêtre du navigateur. Vous pouvez ensuite travailler avec un type spécifique d'informations de page ou d'application sous plusieurs groupes d'outils, y compris les éléments, les profils, la console, les ressources, le réseau, la chronologie, les audits et les sources. Chaque outil facilite le dépannage des problèmes, améliore les performances du réseau et fournit des informations sur ce qui doit être fait pour améliorer votre site. Ils vous permettent également de voir votre taille avec différentes tailles d'écran et résolutions.
Un excellent outil pour dépanner et améliorer votre site
Google Chrome Developer Tools vous permet d'éditer des pages web sans avoir besoin d'un outil séparé. Il offre d'excellentes fonctionnalités pour inspecter et éditer avec un seul arbre DOM. La console JavaScript vous permet également de consigner des informations de diagnostic et d'utiliser une invite de commande pour tester des pages et des applications. Des outils de débogage puissants vous aident également à trouver et à résoudre des problèmes avec JavaScript, tandis que les outils de réseau et d'audit vous donnent des données en temps réel sur les ressources pour identifier pourquoi les demandes prennent plus de temps et comprendre comment améliorer les réponses.
.png){kind=icon}
