Web App Manifest Validator

En progressiv webapp installeres kun rent, når dens manifest.json opfylder de felter, browsere og app-butikker faktisk søger efter. Denne validator analyserer dit uploadede manifest og går gennem W3C Web App Manifest-specifikationen felt for felt: den markerer et manglende navn og kort_navn, en tom eller forkert udformet ikonmatrix, ikoner, der mangler en src, størrelser eller type, en ikke-parserbar start_url, en ikke-genkendt visningsværdi og tema_farve eller baggrundsfarve-CSS, der er gyldige farvestrenge. Hvert fund er vist som en almindelig engelsk sætning - ikke en rå specifikation - så du ved præcis, hvad du skal rette, og hvorfor det betyder noget for installerbarheden.

Den dræberfunktion er forhåndsvisningen af det maskerbare ikon i sikker zone. Androids adaptive ikoner anvender en OS-valgt maskeform - cirkel, squircle, teardrop og mere - til ethvert ikon, der er markeret "purpose": "maskable". Alt uden for en centreret cirkel, der dækker 40 % af ikonets visningsport, kan klippes væk afhængigt af den maske, enheden anvender. Upload ikonbilledfilerne, som dit manifest refererer til ved siden af ​​manifest.json, og dette værktøj matcher dem efter filnavn, tegner hvert maskerbart ikon på et lærred i dens deklarerede størrelse og overlejrer den nøjagtige sikker-zone-cirkel, så du med dine egne øjne kan se, om dit kunstværk overlever beskæringen.

Bestået/ikke-bestået-mærket under hver forhåndsvisning er ikke et kosmetisk tjeklisteelement - det kommer fra ægte per-pixel-analyse af de afkodede billeddata. Værktøjet måler, hvor meget ikke-baggrundsindhold, der sidder uden for sikker-zone-cirklen (indhold, som en maske ville klippe), og hvor meget af ikonet, der er gennemsigtigt (maskerbare ikoner skal have en uigennemsigtig baggrund med fuld udløb, da gennemsigtighed lader den underliggende maskefarve se igennem). Begge kontroller kører mod den faktiske bitmap, du uploadede, så resultatet afspejler din rigtige ikonfil, ikke et gæt.

Alt sker lokalt i din browser: manifest.json læses med File API, ikoner afkodes med createImageBitmap eller en FileReader/Image fallback, og pixels analyseres på et lærred i hukommelsen. Intet uploades til en server, hvilket betyder noget, hvis dit manifest refererer til et endnu ikke-offentligt appnavn, interne start_url-stier eller ikoner under udvikling.