0

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.

📄

Släpp manifest.json här

eller klicka för att bläddra - en enda .json-fil

🖼️

Släpp ikonbildfiler här

eller klicka för att bläddra — PNG/JPEG/WebP/SVG, flera filer tillåtna

Buy Me a Coffee at ko-fi.com
Bearbetar... 0%
Parsar manifest.json
Validerar fält
Återge förhandsvisningar av ikoner
Klart

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.