Contenu principal
Apprendre à coder
Cours : Apprendre à coder > Chapitre 2
Leçon 5: Outils de développement WebUtiliser les outils de développement d'un navigateur
Le développement web n'est pas facile. C'est pourquoi les développeurs web utilisent beaucoup d'outils pour les aider dans leurs tâches. Et ils en recherchent toujours de nouveaux pour ajouter dans leur boîte à outils.
Les outils de développement qui sont intégrés dans la plupart des navigateurs récents sont très appréciés par la plupart des développeurs. Chaque navigateur diffère par rapport aux outils qu'il propose, mais ceux-ci sont plus similaires que différents.
Inspecter le code HTML
Un super outil est la possibilité de faire un clic droit sur n'importe quel élément d'une page web pour inspecter son code HTML. Voici une vidéo montrant comment le faire sur Chrome :
Inspecter le code CSS
Un autre outil utile est l'Inspecteur CSS. Avec cet outil, vous pouvez vérifier quel style est appliqué à un élément et jouer vous même avec le code. Voici une vidéo montrant comment utiliser cet outil dans Chrome :
Ces outils vont à la fois vous aider à comprendre la structure d'autres sites Web mais aussi à déboguer vos propres sites Web.
Il existe beaucoup d'autre outils, mais ces deux-là vous permettront de bien démarrer afin de vous améliorer dans le développement web. Essayez d'inspecter un élément sur cette page web et voir ce que vous trouvez !
Vous souhaitez rejoindre la discussion ?
Est-ce que cette l'option inspecter le code HTML et le code CSS marche sur le navigateur safari proposé par apple sur un mac ?(10 votes)
non et perso je n'utilise pas Safari pour le DEV, je préfère faire mes essais sur chrome ou firefox. Safari risque de prendre en compte certaines erreurs et de les corriger, à l'inverse de chrome ou firefox.(11 votes)
i want to know why use the <div> tag(4 votes)