Générateur de Manifeste d’Application Web - Créez manifest.webmanifest pour une PWA
Générateur de Manifeste d’Application Web
Rendez votre site installable avec un manifest.webmanifest valide
Manifeste Valide
Construit le JSON avec les bons noms de champs et omet les valeurs vides. Le résultat a été vérifié avec le schéma JSON du manifeste web.
Liste d’Installabilité
Voyez d’un coup d’œil si vous avez un nom, une URL de démarrage, un mode d’affichage et les icônes de 192 et 512 pixels que cherchent les navigateurs.
Balises HTML Incluses
Obtenez les balises link, theme-color et apple-touch-icon à coller dans le head de votre page.
Confidentiel
Tout est généré dans votre navigateur. Rien n’est envoyé.
À Quoi Sert un Manifeste d’Application Web
Un manifeste d'application web est un petit fichier JSON qui indique au navigateur l'apparence et le comportement de votre site une fois installé sur un téléphone ou un ordinateur : son nom, son icône, ses couleurs, la page d'ouverture et le masquage ou non de la barre du navigateur. Liez-le depuis chaque page avec <link rel="manifest" href="/manifest.webmanifest">.
Chrome et d'autres navigateurs proposent l'installation quand le manifeste a un nom, une start_url, un mode d'affichage autre que browser et des icônes d'au moins 192 et 512 pixels, et que le site est servi en HTTPS. Une icône maskable, dessinée avec une marge supplémentaire, permet à Android de la découper en cercle ou en carré arrondi sans rogner le dessin. Un service worker n'est plus nécessaire pour l'invite d'installation dans le Chrome actuel, mais il reste indispensable si l'application doit fonctionner hors ligne.
Points Clés
- Comparé au schéma : Des centaines de manifestes générés ont été validés avec le schéma JSON des manifestes web.
- Définissez un id : L’id identifie votre application indépendamment de sa start_url : vous pourrez changer l’URL plus tard sans créer une seconde installation.
- Outils liés : Utilisez le Générateur de Favicon à Partir d'Image pour créer les fichiers d’icônes et le Générateur de Balises Meta pour le reste des balises du head.