If you're seeing this message, it means we're having trouble loading external resources on our website.

Si vous avez un filtre web, veuillez vous assurer que les domaines *. kastatic.org et *. kasandbox.org sont autorisés.

Contenu principal

Utiliser 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 :
Conteneur de vidéo Khan Academy
Using inspect element for HTMLVoir la transcription de la vidéo

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 :
Conteneur de vidéo Khan Academy
Using inspect element for CSS stylesVoir la transcription de la vidéo
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 ?

Vous comprenez l'anglais ? Cliquez ici pour participer à d'autres discussions sur Khan Academy en anglais.