Hoppa till innehåll
100% lokalt

Webbapp manifest generator

Generera ett giltigt manifest.json för din Progressive Web App från namn, ikoner, färger och visningsalternativ.

Utmatning

Webbapp manifest generator

Ett web-app-manifest säger till webbläsare och operativsystem hur din Progressive Web App ska se ut och bete sig när den är installerad — dess namn, ikonuppsättning, färger och om den öppnas i sitt eget fönster eller en webbläsarflik. Det här verktyget bygger manifest.json från en uppsättning fält, så du behöver inte komma ihåg den exakta JSON-formen eller söka upp vilka nycklar som krävs.

Fyll i appnamn och kortnamn, ställ sedan in visningsläget (Standalone är det vanliga valet för en app som ska kännas inbyggd), orientering, och tema- och bakgrundsfärger, som styr startskärmen och webbläsarkromatiken på Android. Lägg till ikoner som en post per rad eller separerade med semikolon i formatet src|sizes|purpose — till exempel /icon-512.png|512x512|any — och verktyget fyller automatiskt i MIME-typen från filnamnsändelsen. Genvägar (hopplista-poster som Skriv eller Inkorg) och relaterade inbyggda applänkar följer samma src|sizes|purpose-stilinskrivning, varje fält separerat med ett rör.

Verktyget kontrollerar fälten när du skriver: det flaggar ett saknat appnamn innan något genereras, och det varnar — utan att blockera utdata — när din ikonuppsättning saknar en 192x192- eller 512x512-post, eftersom installerbarhetskontrollen på Android och skrivbord letar efter dessa specifika storlekar, eller när en ikonrad helt utelämnade storleken.

Allt körs lokalt i din webbläsare; ingen information om din app skickas någonstans. Utdata är manifest.json-innehållet följt av taggen <link rel="manifest"> att klistra in i din sidas <head>. Kopiera den, ladda ned den som en .txt-fil för att byta namn själv, eller skicka den direkt till ett annat verktygs inmatning.

FAQ

Vilka fält behöver ett manifest faktiskt?
Bara ett namn (eller short_name) är strikt nödvändigt för det här verktyget för att generera något. I praktiken vill webbläsare också åtminstone en 192x192 och en 512x512 ikon innan de erbjuder att installera appen — verktyget varnar om dessa saknas.
Hur formaterar jag ikonfältet?
En ikon per post, separerad med semikolon, i formatet src|sizes|purpose — till exempel /icon-192.png|192x192|any. Sizes och purpose är valfria, men att utelämna sizes utlöser en varning.
Vad gör prefer_related_applications?
Den talar om för webbläsaren att föreslå den inbyggda appen som anges under relaterade appar istället för att installera webbappen. Den visas bara i utdata när du lägger till minst en relaterad app.
Var sparar jag den genererade filen?
Spara JSON-delen som manifest.json på din webbplatsrot (eller var du vill, justera länk-href därefter) och klistra in den genererade <link>-taggen i din HTML <head>.
Laddas mina appdata upp någonstans?
Nej. Manifestet sätts helt ihop i din webbläsare från de fält du fyller i — ingenting om din app skickas till en server.