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.
FAQ
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.