Web App Manifest Validator
Validera en PWA manifest.json mot Web App Manifest-specifikationen och förhandsgranska maskerbara ikoner mot Androids säkra zon med adaptiva ikoner.
Resultat
En progressiv webbapp installeras bara rent när dess manifest.json uppfyller de fält som webbläsare och appbutiker faktiskt söker efter. Den här validatorn analyserar ditt uppladdade manifest och går igenom W3C Web App Manifest-specifikationen fält för fält: den flaggar ett saknat namn och short_name, en tom eller felaktig ikonmatris, ikoner som saknar en src, storlekar eller typ, en otolkbar start_url, ett okänt visningsvärde och theme_color eller background_color strings. Varje fynd visas som en vanlig engelsk mening – inte ett rått citat – så att du vet exakt vad du ska fixa och varför det är viktigt för installationsbarheten.
Den mördande funktionen är förhandsvisningen av den maskerbara ikonen för säker zon. Androids adaptiva ikoner tillämpar en OS-vald maskform – cirkel, squircle, teardrop och mer – på alla ikoner som är märkta med "syfte": "maskable". Allt utanför en centrerad cirkel som täcker 40 % av ikonens visningsport kan klippas bort beroende på vilken mask enheten använder. Ladda upp ikonbildfilerna som refereras av ditt manifest tillsammans med manifest.json, och det här verktyget matchar dem efter filnamn, ritar varje maskerbar ikon på en duk i dess deklarerade storleken och lägger över den exakta säkra zoncirkeln så att du med dina egna ögon kan se om ditt konstverk överlever beskärningen.
Godkänd/underkänd-märket under varje förhandsgranskning är inte en kosmetisk checklista - den kommer från verklig analys per pixel av avkodad bilddata. Verktyget mäter hur mycket icke-bakgrundsinnehåll som sitter utanför den säkra zoncirkeln (innehåll som en mask skulle klippa ut) och hur mycket av ikonen som är genomskinlig (maskerbara ikoner bör ha en full-bleed ogenomskinlig bakgrund, eftersom transparens låter den underliggande maskfärgen synas igenom). Båda kontrollerna körs mot den faktiska bitmappen du laddade upp, så resultatet återspeglar din riktiga ikonfil, inte en gissning.
Allt händer 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 minnesduk. Ingenting laddas upp till en server, vilket spelar roll om ditt manifest refererar till ett ännu inte offentligt appnamn, interna start-url-sökvägar eller ikoner under utveckling.