Aller au contenu
Tout en local

Générateur de manifestes d'applications web

Créez un manifest.json valide pour votre application web progressive à partir du nom, des icônes, des couleurs et des options d'affichage.

Sortie

Générateur de manifestes d'applications web

Un manifeste d'application web indique aux navigateurs et systèmes d'exploitation comment votre application web progressive doit se présenter et se comporter une fois installée — son nom, ensemble d'icônes, couleurs et si elle s'ouvre dans sa propre fenêtre ou un onglet de navigateur. Cet outil crée ce manifest.json à partir d'un ensemble de champs, vous n'avez donc pas besoin de mémoriser la structure exacte du JSON ou de chercher quelles clés sont obligatoires.

Remplissez le nom de l'application et le nom court, puis définissez le mode d'affichage (autonome est généralement le choix pour une application qui doit se sentir native), l'orientation et les couleurs de thème et de fond, qui contrôlent l'écran de démarrage et le navigateur sur Android. Ajoutez les icônes comme une entrée par ligne ou séparées par des points-virgules au format src|sizes|purpose — par exemple /icon-512.png|512x512|any — et l'outil remplit automatiquement le type MIME à partir de l'extension du fichier. Les raccourcis (entrées de liste de sauts comme "Rédiger" ou "Boîte de réception") et les liens d'applications natives associées suivent le même raccourci de style src|sizes|purpose, chaque champ séparé par un tuyau.

L'outil vérifie les champs au fur et à mesure que vous tapez : il signale un nom d'application manquant avant de générer quoi que ce soit, et il avertit — sans bloquer la sortie — lorsque votre ensemble d'icônes n'a pas d'entrée 192x192 ou 512x512, car les contrôles d'installabilité sur Android et le bureau recherchent ces tailles spécifiques, ou quand une ligne d'icône a complètement oublié sa taille.

Tout s'exécute localement dans votre navigateur ; aucun détail de votre application n'est envoyé nulle part. La sortie est le contenu du manifest.json suivi de la balise <link rel="manifest"> à coller dans le <head> de votre page. Copiez-le, téléchargez-le en tant que fichier .txt pour le renommer vous-même, ou envoyez-le directement à l'entrée d'un autre outil.

FAQ

Quels champs un manifeste a-t-il réellement besoin?
Seul un nom (ou short_name) est strictement requis pour que cet outil génère quoi que ce soit. En pratique, les navigateurs veulent également au moins une icône 192x192 et 512x512 avant d'offrir d'installer l'application — l'outil avertit si elles manquent.
Comment formater le champ des icônes?
Une icône par entrée, séparées par un point-virgule ou une nouvelle ligne, au format src|sizes|purpose — par exemple /icon-192.png|192x192|any. Les tailles et le but sont facultatifs, mais l'omission des tailles déclenche un avertissement.
Qu'est-ce que prefer_related_applications?
Il dit au navigateur de suggérer l'application native listée sous les applications associées au lieu d'installer l'application web. Il n'apparaît dans la sortie qu'une fois que vous ajoutez au moins une application associée.
Où puis-je enregistrer le fichier généré?
Enregistrez la partie JSON sous manifest.json à la racine de votre site (ou où vous préférez, en ajustant le href du lien pour correspondre), et collez la balise <link> générée dans votre HTML <head>.
Les données de mon application sont-elles téléchargées quelque part?
Non. Le manifeste est assemblé entièrement dans votre navigateur à partir des champs que vous remplissez — rien sur votre application n'est envoyé à un serveur.