CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles

Utilisation des Outils de Validation et de Test pour les Sites Mobiles

Retour à la formation
Chapitre 9 Leçon 2
Précédent
Suivant

Découvrez comment utiliser plusieurs testeurs et validateurs pour garantir la compatibilité des pages web avec les smartphones.

Détails de la leçon

Description de la leçon

Après avoir examiné notre code dans les validateurs, nous allons tester une page pour vérifier sa bonne présentation sur un smartphone. Plusieurs outils de test existent pour cela. Parmi eux :

1. Testeur général : permet de tester chaque page en entrant l'adresse du site et affiche les résultats sous forme de graphiques.

2. Testeur du W3C : celui que nous utiliserons par la suite.

3. WebPageTest : fournit des graphiques sur le nombre d'images, le poids des images, etc.

4. Plug-in Firefox : offre un accès constant aux différentes caractéristiques des pages affichées via le navigateur Firefox.

Pour commencer, nous utiliserons le validateur du W3C, accessible via validator.w3.org/mobile. Nous allons télécharger notre fichier et vérifier le pourcentage de réussite. Dans notre exemple, nous obtenons 96% de réussite avec deux erreurs mineures concernant le doctype et les attributs height et width. Corriger ces erreurs permettrait d'obtenir un meilleur taux de validation.

Ces outils sont très utiles et simples d'utilisation, facilitant ainsi l'analyse et la vérification du code.

Objectifs de cette leçon

À l'issue de cette vidéo, vous serez en mesure de :

  • Utiliser différents outils de validation pour vérifier la compatibilité des pages web avec les smartphones.
  • Analyser les résultats des tests et corriger les erreurs de code signalées.
  • Améliorer la qualité et la performance des pages web grâce à des outils de test spécialisés.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir :

  • Des connaissances de base en HTML et CSS.
  • Des notions de développement web et d'utilisation des navigateurs.

Métiers concernés

Les compétences présentées dans cette vidéo sont essentielles pour :

  • Développeurs front-end
  • Consultants web
  • Spécialistes en expérience utilisateur (UX)

Alternatives et ressources

En plus des outils mentionnés, vous pourriez également utiliser :

  • Google PageSpeed Insights
  • GTmetrix
  • Mobile-Friendly Test de Google

Questions & Réponses

Les outils de validation mentionnés sont un testeur général, le testeur du W3C, WebPageTest, et un plug-in Firefox.
Vous devez entrer l'adresse de la page web ou télécharger le fichier directement sur le site du W3C. Le résultat est alors affiché avec un pourcentage de réussite et les erreurs détectées.
Les erreurs mineures détectées sont l'absence d'un doctype basique et l'omission des attributs height et width pour certaines images.