ZenovayTools

Vérificateur de manifeste PWA

Valide votre manifeste manifest.json d'application web progressive pour l'installabilité Chrome : nom, icônes (192×192 + 512×512), mode d'affichage, start_url, icônes masquables, theme_color, captures d'écran. Note d'installabilité A-F.

Comment utiliser Vérificateur de manifeste PWA

  1. 1Entrez l'URL de votre site Web — l'outil trouve automatiquement votre manifest.json.
  2. 2Le manifeste est récupéré et validé par rapport aux exigences d'installabilité PWA de Chrome.
  3. 3Les tailles d'icônes (192×192, 512×512, masquables) et les champs obligatoires sont vérifiés.
  4. 4Une note A-F reflète le niveau de préparation de votre site pour l'installation PWA.
ZenovayAnalytics

Analytics pensé pour les fondateurs.

  • Suivi des visiteurs en temps réel
  • Vie privée d'abord, sans bandeau cookies
  • Installé en deux minutes
Découvrir Zenovay

Outils connexes

Formateur et Validateur JSON
Formatez, validez et embellissez les données JSON avec la coloration syntaxique et la détection d'erreurs.
Décodeur JWT
Décodez et inspectez les jetons JWT. Consultez l'en-tête, la charge utile et vérifiez les signatures.
Encodeur/Décodeur Base64
Encodez du texte en Base64 ou décodez Base64 en texte. Supporte UTF-8 et les données binaires.
Encodage / Décodage URL
Encodez ou décodez les composants URL. Traitez les caractères spéciaux, les chaînes de requête et les URL complètes.

Questions fréquemment posées

Qu'est-ce qui rend une PWA installable sur Chrome ?▾
Chrome nécessite tous ces éléments pour l'invite d'installation : (1) Un manifeste d'application web lié depuis HTML avec <link rel="manifest">. (2) Un champ name dans le manifeste. (3) Un champ start_url. (4) Une valeur display de "standalone", "fullscreen" ou "minimal-ui". (5) Des icônes d'au moins 192×192 et 512×512 pixels. (6) Le site servi sur HTTPS. Manquer l'un de ces éléments empêchera Chrome d'afficher le bouton d'installation dans la barre d'adresse.
Qu'est-ce qu'une icône maskable et pourquoi en ai-je besoin ?▾
Les icônes maskable (purpose: "maskable") sont conçues pour être sûres à recadrer dans n'importe quelle forme — cercle, squircle, carré arrondi, etc. — selon le lanceur de l'appareil. Sans une icône maskable, Android peut ajouter un fond de cercle blanc derrière votre icône, ce qui semble incohérent. La « zone sûre » pour les icônes maskable est les 80% centraux de l'image — gardez votre logo dans cette zone. Vous avez besoin à la fois d'une icône régulière (purpose: "any") et d'une icône maskable pour les meilleurs résultats. Utilisez maskable.app pour vérifier et créer des icônes maskable.
Quelle est la différence entre les modes d'affichage dans le manifeste ?▾
display contrôle l'interface utilisateur du navigateur affichée quand l'application est lancée : "standalone" — application-like, pas de barre d'adresse du navigateur (choix le plus courant). "fullscreen" — couvre l'écran entier, pas d'interface utilisateur du système (utilisé pour les jeux). "minimal-ui" — affiche une navigation de navigateur mais cache la barre d'adresse. "browser" — ouvre dans le navigateur complet (défait le but de la PWA). Utilisez "standalone" pour la plupart des applications. Remarque : Safari sur iOS utilise le mode standalone uniquement quand l'utilisateur ajoute à l'écran d'accueil via le menu de partage — la banneau d'installation fonctionne différemment sur iOS.
Pourquoi devrais-je ajouter des captures d'écran à mon manifeste ?▾
Les captures d'écran (le tableau screenshots) sont utilisées par l'interface d'installation améliorée de Chrome, qui affiche une boîte de dialogue d'installation riche avec le nom de l'application, la description et les images d'aperçu. Sans captures d'écran, Chrome utilise une invite d'installation minimale. Elles sont aussi utilisées dans Chrome Web Store et certaines listes de magasins d'applications. Incluez au moins 2 captures d'écran pour le facteur de forme large (bureau) et 2 pour le facteur de forme étroit (mobile). Les dimensions doivent être entre 320×320 et 3840×2160 pixels avec un rapport d'aspect cohérent.
Ma PWA a-t-elle besoin d'un service worker pour être installable ?▾
Oui — un service worker est nécessaire pour l'invite d'installation PWA sur Chrome (bien que ce validateur vérifie seulement le manifeste). Le service worker doit être enregistré sur la page et être dans un état fonctionnant. Un service worker minimal qui répond simplement aux événements de récupération est suffisant. Le service worker permet la fonctionnalité hors ligne et fait partie des trois piliers PWA : manifeste + service worker + HTTPS. Les outils comme Workbox (workbox-window) rendent la configuration du service worker beaucoup plus simple.