PWA-manifestgenerator
Genereer een PWA-webapp-manifest (manifest.json) met app-naam, korte naam, start-URL, weergavemodus en thema- en achtergrondkleuren, klaar om te kopiëren.
🔒 Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.
manifest.webmanifest
Voorbeeld getoond: voeg na het kopiëren je eigen pictogramvermeldingen toe in je project.
Hoe de PWA-manifestgenerator werkt
- Voer de identiteit van je app, de start-URL, de weergavemodus en de kleuren in.
- Bekijk de gegenereerde JSON terwijl de waarden worden bijgewerkt.
- Kopieer het naar een manifestbestand en koppel dat bestand vanaf je site.
Een webapp-manifest bestaat uit JSON-metadata. Browsers gebruiken velden zoals name, start_url, display en theme_color om een installeerbare webapp consistent weer te geven.
FAQ
Wat is een webapp-manifest?
Het is een JSON-bestand dat browsers vertelt hoe een site eruit moet zien en hoe die moet starten wanneer deze als app wordt geïnstalleerd.
Genereert dit tool pictogrammen?
Nee. Het bevat een voorbeeldpictogram; maak en voeg je eigen pictogrambestanden toe.
Wordt mijn site hiermee een PWA?
Nee. Een service worker en andere installatievereisten moeten nog in je project worden ingesteld.
Hoe voeg ik het gegenereerde manifest toe aan mijn website?
Kopieer de JSON en sla die op als manifest.json in de hoofdmap van je site; koppel het vervolgens vanuit de <head> van je HTML met <link rel="manifest" href="/manifest.json">.
Wat is het verschil tussen de velden naam en korte naam?
"name" is de volledige app-naam die wordt getoond bij de installatieprompt en in de app-lijst; "short_name" is een kortere aanduiding onder het startschermpictogram, waar de ruimte beperkt is.
Hoe wij ons verhouden
| Functie | Online Tool Store | PWABuilder | Handgeschreven JSON |
|---|---|---|---|
| Live manifestvoorbeeld | ✓ | ✓ | Handmatig |
| Geen account nodig | ✓ | ✓ | ✓ |
Voor een klein manifestconcept zonder uitgebreide PWA-workflow houdt deze pagina de belangrijkste velden en de uitvoer bij elkaar.