HTML CSS JavaScript en français

Utiliser les outils de développement du navigateur

Voir le code source de la page

C'est l'outil basic de votre navigateur qui permet de voir le contenu de la page HTML. Avec Firefox, il s'ouvre avec le menu contextuel (clic-droit).

Menu source

vue source

Outils de développement



Ces outils permettent de déboguer votre code.

Avec Firefox, ils s'ouvrent avec le menu ''☰'' ⮕ ''outils supplémentaires'' ⮕ ''Outils de développement...''.

Menu Firefox

Menu Firefox

La mise en page :

Outils boîte

Les messages d'erreur :

Outils console

Le trafic réseau :

Outils réseau

Vérifier que le balisage est correct.

Ce site WEB en anglais permet de vérifier que votre HTML est correct : https://validator.w3.org.

validator

Astuce

Pour visualiser votre page HTML à peu près comme il est affiché sur un téléphone protable, réduisez au maximum la largeur de la fenêtre de votre navigateur et faites un zoom de 133%.

zoom

⮕ suite du cours ⮕

🔗 liens utils -- Domaine Public MMXXII par Jean-Marc Lienher