Ga naar inhoud
TextArray1.41.0
100% lokaal

Webapp manifest generator

Genereer een geldige manifest.json voor uw Progressive Web App op basis van naam, pictogrammen, kleuren en weergaveopties.

Uitvoer
Gerelateerde tools
MetataggeneratorOntwikkelaarstools
Human.txt-generatorOntwikkelaarstools
Robots.txt-generatorOntwikkelaarstools
i18n sleutel diffOntwikkelaarstools
TOML naar JSON-converterOntwikkelaarstools
SQL naar JSONOntwikkelaarstools
Webapp manifest generator
Een web-app-manifest vertelt browsers en besturingssystemen hoe uw Progressive Web App eruit moet zien en zich moet gedragen wanneer het is geïnstalleerd — de naam ervan, ikonenserie, kleuren en of het in een eigen venster of een browsertabblad wordt geopend. Dit gereedschap bouwt het manifest.json vanuit een set velden, dus u hoeft niet de exacte JSON-vorm te onthouden of te zoeken naar welke sleutels vereist zijn.
Vul de app-naam en korte naam in, stel vervolgens de weergavemodus in (Standalone is de gebruikelijke keuze voor een app die native aanvoelt), oriëntatie en thema- en achtergrondkleuren, die het spalscherm en de browserchromatiek op Android bepalen. Voeg pictogrammen toe als één item per regel of gescheiden door puntkomma's in het formaat src|sizes|purpose — bijvoorbeeld /icon-512.png|512x512|any — en het gereedschap bepaalt automatisch het MIME-type uit de bestandsextensie. Snelkoppelingen (jumplist-items zoals Samenstellen of Inbox) en gerelateerde systeemeigentoepassingskoppelingen volgen dezelfde src|sizes|purpose-stijlverkorting, elk veld gescheiden door een pijp.
Het gereedschap controleert de velden terwijl u typt: het markeert een ontbrekende app-naam voordat iets wordt gegenereerd, en het waarschuwt — zonder de uitvoer te blokkeren — wanneer uw ikonenserie geen item van 192x192 of 512x512 heeft, omdat installatiecontroles op Android en desktop zoeken naar deze specifieke afmetingen, of wanneer een ikonenlijn de grootte helemaal heeft weggelaten.
Alles wordt lokaal in uw browser uitgevoerd; geen details van uw app worden ergens anders heen verzonden. De uitvoer is de manifest.json-inhoud gevolgd door de tag <link rel="manifest"> om in de <head> van uw pagina in te plakken. Kopieer het, download het als .txt-bestand om het zelf om te noemen, of stuur het rechtstreeks naar de invoer van een ander gereedschap.
FAQ
Welke velden heeft een manifest eigenlijk nodig?
Alleen een naam (of short_name) is strikt noodzakelijk voor dit gereedschap om iets te genereren. In de praktijk willen browsers ook minstens een pictogram van 192x192 en 512x512 voordat zij de app aanbieden — het gereedschap waarschuwt als die ontbreken.
Hoe formatteer ik het pictogrammen-veld?
Één pictogram per item, gescheiden door puntkomma's, in het formaat src|sizes|purpose — bijvoorbeeld /icon-192.png|192x192|any. Sizes en purpose zijn optioneel, maar het weglaten van sizes veroorzaakt een waarschuwing.
Wat doet prefer_related_applications?
Het vertelt de browser om in plaats van de web-app te installeren de systeemeigentoepassingen die onder gerelateerde toepassingen zijn vermeld, voor te stellen. Dit verschijnt in de uitvoer alleen als u minstens één gerelateerde toepassing toevoegt.
Waar sla ik het gegenereerde bestand op?
Sla het JSON-deel op als manifest.json in uw site-root (of waar u maar wilt, pas de link href accordingly aan) en plak de gegenereerde <link>-tag in uw HTML <head>.
Worden mijn app-gegevens ergens geüpload?
Nee. Het manifest wordt volledig in uw browser samengesteld uit de velden die u invult — niets over uw app wordt naar een server verzonden.