Academy numérique Tristan Rogez.

Les outils de test et de validation de code. (revue)

La revue de code fait partie du processus de développement de logiciels qui consiste à tester le code source pour identifier les bogues à un stade précoce. Un processus de revue de code est généralement mené avant la fusion avec le code de base.

Une revue efficace du code permet d’éviter que des bogues et des erreurs ne se glissent dans votre projet en améliorant la qualité du code à un stade précoce du processus de développement du logiciel.

Valider son code HTML

https://validator.w3.org/

Pour cela le W3C nous fournis un premier outil en ligne qui permet de tester la syntaxe de l’html d’une page depuis son URL. Dans le principe, on peut imaginer que tester les principales pages types de votre site avec ce validateur. Le résultats est présenté sous la foirme d’une liste d’erreurs et d’avertissements. Vous aurez vraisemblablement quelques erreurs sur vos pages et quelques avertissements. Le point important est de vérifier la bonne fermeture des balises HTML. Sinon vous vous exposez à de nombreux bugs d’affichage et vous risquez donc de dégrader l’expérience utilisateur.

Toutes les autres indications n’ont la plupart du temps aucun impact sur votre affichage et sur votre référencement. Prenez soin de traiter les erreurs ou d’en connaitre la raison. Les avertissements n’ont qu’une valeur indicative de bonnes pratiques. Si vous testez “https://www.amazon.com/” vous obtiendrez quelque chose d’assez dantesque (+de 100 erreurs). Ce qui n’empêche pas d’avoir un certains succès en terme d’audience… Sur artwai.com nous en sommes à 0 erreur.

Valider son code CSS

https://jigsaw.w3.org/css-validator/

Même type d’outil que le précédent : vous rentrez une URL il vous donne un résultat sous forme de liste.

En l’occurrence la validation du code CSS a un intérêt somme toute relative. A priori, le validateur CSS du W3C n’arrive pas à suivre l’évolution de ce langage et nous retourne un certains nombre de propriétés CSS pourtant bien répandues dans les navigateurs comme étant des erreurs. Toutefois, une erreur de syntaxe une accolade non fermée pourraient être à l’origine de nombreux problèmes d’affichage. Au delà de çà, vu que le code CSS aujourd’hui n’est quasiment plus écrit à la main et passe par des préprocesseurs plus ou moins complexes, il n’y a généralement plus en sortie d’erreurs de syntaxe.

Retour en haut