Online Tool Store
Générateur de manifeste PWA
Générez un manifeste d'application web PWA (manifest.json) avec nom, nom court, URL de démarrage, mode d'affichage et couleurs de thème et de fond.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
manifest.webmanifest
Exemple affiché : ajoutez vos propres entrées d'icône dans votre projet après la copie.
Comment fonctionne le générateur de manifeste PWA
- Saisissez l'identité de votre application, l'URL de démarrage, le mode d'affichage et les couleurs.
- Vérifiez le JSON généré à mesure que les valeurs se mettent à jour.
- Copiez-le dans un fichier manifeste et liez ce fichier depuis votre site.
Un manifeste d'application web est constitué de métadonnées JSON. Les navigateurs utilisent des champs comme name, start_url, display et theme_color pour présenter une application web installable de façon cohérente.
Questions fréquentes
Qu'est-ce qu'un manifeste d'application web ?
C'est un fichier JSON qui indique aux navigateurs comment un site doit s'afficher et se lancer lorsqu'il est installé comme application.
Cet outil génère-t-il des icônes ?
Non. Il inclut une entrée d'icône d'exemple ; créez et ajoutez vos propres fichiers d'icône.
Cela transforme-t-il mon site en PWA ?
Non. Un service worker et d'autres conditions d'installation doivent encore être configurés dans votre projet.
Comment ajouter le manifeste généré à mon site web ?
Copiez le JSON et enregistrez-le sous le nom manifest.json à la racine de votre site, puis liez-le depuis le <head> de votre HTML avec <link rel="manifest" href="/manifest.json">.
Quelle est la différence entre les champs nom et nom court ?
"name" est le nom complet de l'application affiché sur l'invite d'installation et dans la liste des applications ; "short_name" est une étiquette plus courte utilisée sous l'icône de l'écran d'accueil, où l'espace est limité.
Comment nous nous comparons
| Fonctionnalité | Online Tool Store | PWABuilder | JSON écrit à la main |
|---|---|---|---|
| Aperçu du manifeste en direct | ✓ | ✓ | Manuel |
| Aucun compte requis | ✓ | ✓ | ✓ |
Pour un petit brouillon de manifeste sans flux de travail PWA complet, cette page réunit les champs essentiels et le résultat.