Web App Manifest Validator

En Progressive Web App installeres kun problemfrit, når dens manifest.json opfylder de felter, browsere og app-butikker rent faktisk tjekker. Denne validator parser dit uploadede manifest og gennemgår W3C Web App Manifest-specifikationen felt for felt: den markerer manglende name og short_name, et tomt eller misdannet icons-array, ikoner, der mangler src, sizes eller type, en start_url, der ikke kan parses, en ugyldig display-værdi samt theme_color- eller background_color-strenge, der ikke er gyldige CSS-farver. Hver konstatering vises som en sætning i almindeligt sprog – ikke en rå specifikationshenvisning – så du ved præcis, hvad du skal rette, og hvorfor det har betydning for installationsmuligheden.

Killer-featuren er forhåndsvisningen af maskbare ikoners sikkerhedszone. Androids adaptive ikoner anvender en OS-valgt maskeringsform – cirkel, firkant med afrundede hjørner, dråbeform og mere – på ethvert ikon, der er markeret med "purpose": "maskable". Alt, der ligger uden for en centreret cirkel, som dækker 40 % af ikonets viewport, kan blive beskåret, afhængigt af den maske, enheden anvender. Upload de ikonbilledfiler, dit manifest refererer til, sammen med manifest.json, og dette værktøj matcher dem efter filnavn, tegner hvert maskbart ikon på et lærred i dets angivne størrelse og overlejrer præcis den sikkerhedszonecirkel, så du med 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 tjeklistepunkt – det stammer fra reel pixel-for-pixel-analyse af de afkodede billeddata. Værktøjet måler, hvor meget ikke-baggrundsindhold der befinder sig uden for sikkerhedszonecirklen (indhold, som en maske ville beskære), og hvor stor en del af ikonet der er gennemsigtigt (maskbare ikoner bør have en helt dækkende uigennemsigtig baggrund, da gennemsigtighed lader den underliggende maskefarve skinne igennem). Begge tjek køres mod den faktiske bitmap, du uploadede, så resultatet afspejler din rigtige ikonfil, ikke et gæt.

Alt foregår 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 er vigtigt, hvis dit manifest refererer til et endnu ikke-offentligt appnavn, interne start_url-stier eller ikoner under udvikling.