web:html:debug

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
web:html:debug [2023/03/20 01:19] – [Affichage source] jcheronweb:html:debug [2023/03/20 01:30] (Version actuelle) – [Ecriture du code] jcheron
Ligne 22: Ligne 22:
 </ul> </ul>
 </sxh>  </sxh> 
 +
 +<WRAP info>
 +Votre IDE (Webstorm ou un autre) doit vous permettre de formater votre code automatiquement, et peut être configuré pour le faire sur enregistrement.
 +</WRAP>
  
 ===== Débogage ===== ===== Débogage =====
Ligne 36: Ligne 40:
  
 <html><div class="imageB"></html>{{:web:html:pasted:20230320-011910.png}}<html></div></html> <html><div class="imageB"></html>{{:web:html:pasted:20230320-011910.png}}<html></div></html>
 +
 +==== Affichage réseau ====
 +
 +L'affichage du réseau peut également donner des indications sur un disfonctionnement (fichier CSS non chargé par exemple) :
 +
 +Activer l'onglet **Network** ou **Réseau** après avoir choisi **Inspecter** :
 +
 +<html><div class="imageB"></html>{{:web:html:pasted:20230320-012319.png}}<html></div></html>
 +
 +===== Validateur W3C =====
 +Le validateur W3C peut également donner des indications sur une mauvaise interprétation du code :
 +  * [[https://validator.w3.org/|Validateur HTML]]
 +  * [[https://jigsaw.w3.org/css-validator/|Validateur CSS]]
 +
  
  
  
  • web/html/debug.1679271583.txt.gz
  • Dernière modification : il y a 2 ans
  • de jcheron