Webbappsmanifest (web app manifest)

Ett webbappsmanifest är en JSON-fil, oftast serverad på /manifest.json och länkad från sidans head, som talar om för operativsystemet hur en webbapp ska bete sig när den installeras: namn, ikoner, vilken adress den öppnar på och om den startar i eget fönster eller i en webbläsarflik.

Fälten som faktiskt spelar roll

Ett manifest är kort, och det mesta är metadata som operativsystemet läser en gång vid installationen:

Publicerade NorthernGo-appar serveras ett genererat /manifest.json med display: "standalone" och en maskable-ikon, så att appen öppnas från sin egen ikon i stället för i en flik.

Var det brukar gå fel

Tre feltyper täcker nästan allt.

Ikoner som ser trasiga ut efter installation. Android lägger på sin egen mask, så en fyrkantig logotyp med innehåll längst ut i kanten beskärs. Lösningen är att rita ikonen med säkerhetsmarginal, eller att leverera en separat maskable-version – se guiden om appikoner.

En start_url utanför scopet. Hamnar startadressen utanför manifestets scope öppnas appen i en vanlig webbläsarflik, och installationen känns halvtrasig.

Att förvänta sig mer av manifestet än det gör. Det är den vanliga missuppfattningen: ett manifest gör appen installerbar, inte offlinekapabel och inte snabbare. Allt som handlar om att fungera utan uppkoppling ligger i service workern. En webbplats med perfekt manifest men utan service worker installeras snyggt och visar sedan en vit skärm på tåget.

Manifestet läses dessutom vid installationen, så en ändrad ikon eller ett nytt namn slår inte igenom hos den som redan har appen på hemskärmen förrän den installeras om.

Vanliga frågor

Räcker ett webbappsmanifest för att appen ska gå att installera?

Nästan. Chrome och Android kräver dessutom HTTPS och en registrerad service worker med en fetch-hanterare innan installationsdialogen visas. iOS är mildare med service workern men installerar bara via delningsmenyn i Safari, så det finns ingen dialog att utlösa.

Bygg det själv

NorthernGo förvandlar en beskrivning i ren text till en fungerande webbapp med databas, inloggning och en live-adress. Lokal AI-generering körs på ditt eget grafikkort, är obegränsad och ingår gratis i alla prisplaner.

Börja bygga gratis