Outils images et assets

Gratuit Validateur de manifeste web

Validez un manifeste web JSON selon la spécification W3C avec liste de contrôle d'installabilité.

Chargement de l'outil...

Qu'est-ce que Validateur de manifeste web ?

Un manifeste d'application web est un fichier JSON qui indique aux navigateurs comment votre application web doit se comporter lorsqu'elle est installee sur l'appareil d'un utilisateur. Il specifie le nom de l'application, les icones, l'URL de demarrage, le mode d'affichage, les couleurs du theme et d'autres proprietes. Le manifeste est lie depuis l'en-tete HTML avec une balise link : <link rel="manifest" href="/site.webmanifest">.

Réponse rapide

Validez le JSON de votre manifeste d'application web pour l'installabilite PWA. Requis : name, icons (192x192 et 512x512), start_url, mode d'affichage (standalone/fullscreen/minimal-ui). Le manifeste doit etre lie dans l'en-tete HTML et servi avec Content-Type: application/manifest+json.

Last updated: 2026-05-28

Limites

  • Ce validateur verifie uniquement le contenu JSON du manifeste. Il ne verifie pas que les fichiers d'icones existent, que start_url retourne 200 ou que le service worker est enregistre et fonctionnel.
  • La specification W3C Web App Manifest evolue. Les nouveaux champs comme protocol_handlers, shortcuts et related_applications ne sont pas encore valides.
  • Différents navigateurs ont des exigences d'installabilite différentes. Chrome, Edge, Safari et Firefox interpretent les champs du manifeste legerement differemment.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Collez le contenu JSON complet de votre manifeste d'application web dans la zone de texte.
  2. L'outil analyse le JSON et verifie chaque champ par rapport a la specification W3C Web App Manifest.
  3. Examinez les erreurs (a corriger) et les avertissements (a corriger de preference) et suivez la liste de verification d'installabilite avant le déploiement.

A quoi il sert

  • Valider un manifeste avant de deployer une PWA pour s'assurer que les exigences d'installabilite sont remplies.
  • Deboguer pourquoi une invite d'installation PWA n'apparaît pas -- verifier les champs du manifeste que Chrome et Edge exigent.
  • Auditer un manifeste existant apres avoir ajoute de nouvelles icones, modifie l'URL de demarrage ou mis a jour les couleurs du theme.

Cas d'usage

Exemples concrets

Exemple

Verification de manifeste avant lancement

Un developpeur genere un manifeste avec le generateur de manifeste du site et le colle dans le validateur. Le validateur signale un short_name manquant, suggere d'ajouter une icone 512x512 et avertit que start_url ne commence pas par /.

Exemple

Debogage de l'invite d'installation PWA

Une PWA n'affiche pas l'invite d'installation sur Chrome. Collez le manifeste dans le validateur. Il signale que le tableau icons est vide -- sans au moins une icone 192x192, Chrome ne propose pas l'invite d'installation.

Erreurs frequentes

  • Oublier de lier le manifeste dans l'en-tete HTML -- le navigateur ne peut pas decouvrir le manifeste sans la balise link.
  • Utiliser un tableau icons vide ou manquant -- au minimum, une icone PNG 192x192 et 512x512 sont requises pour l'invite d'installation.
  • Definir le mode d'affichage sur browser mais s'attendre a une application installable -- standalone, fullscreen ou minimal-ui sont les modes d'affichage installables.

Vérification

  1. Executez un audit Lighthouse PWA -- il verifie le manifeste ainsi que les autres exigences d'installabilite.
  2. Ouvrez Chrome DevTools > Application > Manifest et verifiez que tous les champs sont correctement analyses et qu'aucune erreur n'est affichee.

FAQ

Questions sur Validateur de manifeste web

Pourquoi mon invite d'installation PWA ne s'affiche-t-elle pas ?

Chrome et Edge exigent : le manifeste lie dans l'en-tete HTML, servi avec le bon type MIME, contenant au moins name, short_name (ou name < 30 car.), une icone PNG 192x192 et 512x512, start_url dans le scope, display defini sur standalone/fullscreen/minimal-ui, et un service worker enregistre. Le site doit egalement etre servi via HTTPS.

short_name est-il requis si name est deja court ?

Si name fait 30 caracteres ou moins, certaines plateformes l'utilisent comme nom court. Cependant, definir explicitement short_name garantit un comportement coherent entre les plateformes. Le maximum recommande pour short_name est de 12 caracteres.

Quel type MIME le manifeste doit-il utiliser ?

Le manifeste doit etre servi avec Content-Type: application/manifest+json. GitHub Pages sert les fichiers .webmanifest avec ce type MIME automatiquement.

Outils lies

Autres outils outils images et assets

A essayer aussi

A essayer aussi