Web App Manifest Validator

En Progressive Web App installeras bara smidigt när dess manifest.json uppfyller de fält som webbläsare och appbutiker faktiskt kontrollerar. Denna validator analyserar ditt uppladdade manifest och går igenom W3C:s Web App Manifest-specifikation fält för fält: den flaggar för ett saknat name och short_name, en tom eller felaktig ikonlista, ikoner som saknar src, sizes eller type, en otolkbar start_url, ett okänt värde för display samt theme_color eller background_color-strängar som inte är giltiga CSS-färger. Varje fynd visas som en mening på ren svenska – inte en rå specifikationsreferens – så att du vet exakt vad du ska åtgärda och varför det är viktigt för installationsbarheten.

Den verkliga höjdpunkten är förhandsvisningen av säkerhetszonen för maskerbara ikoner. Androids adaptiva ikoner tillämpar en OS-vald maskform – cirkel, rundad fyrkant, droppe med mera – på alla ikoner som markerats med "purpose": "maskable". Allt utanför en centrerad cirkel som täcker 40 % av ikonens visningsyta kan klippas bort beroende på vilken mask enheten använder. Ladda upp de ikonbildfiler som ditt manifest refererar till tillsammans med manifest.json, så matchar detta verktyg dem efter filnamn, ritar upp varje maskerbar ikon på en canvas i dess angivna storlek och lägger på exakt den säkerhetszoncirkeln så att du med egna ögon kan se om din illustration klarar beskärningen.

Godkänd/underkänd-symbolen under varje förhandsvisning är inte en kosmetisk checklista – den kommer från verklig pixel-för-pixel-analys av den avkodade bilddatan. Verktyget mäter hur mycket icke-bakgrundsinnehåll som ligger utanför säkerhetszoncirkeln (innehåll som en mask skulle klippa bort) och hur stor del av ikonen som är genomskinlig (maskerbara ikoner bör ha en heltäckande opak bakgrund, eftersom genomskinlighet låter maskens underliggande färg synas). Båda kontrollerna körs mot den faktiska bitmappen du laddade upp, så resultatet speglar din riktiga ikonfil, inte en gissning.

Allt sker lokalt i din webbläsare: manifest.json läses med File API, ikoner avkodas med createImageBitmap eller en FileReader/Image-reserv och pixlar analyseras på en canvas i minnet. Ingenting laddas upp till en server, vilket är viktigt om ditt manifest refererar till ett appnamn som ännu inte är offentligt, interna start_url-sökvägar eller ikoner under utveckling.