0

Web App Manifest Validator

Valider en PWA manifest.json mot Web App Manifest-spesifikasjonen og forhåndsvis maskerbare ikoner mot Androids sikre sone med adaptive ikoner.

📄

Slipp manifest.json her

eller klikk for å bla - en enkelt .json-fil

🖼️

Slipp ikonbildefiler her

eller klikk for å bla - PNG/JPEG/WebP/SVG, flere filer tillatt

Buy Me a Coffee at ko-fi.com
Behandler... 0%
Parsing manifest.json
Validerer felt
Gjengivelse av forhåndsvisninger av ikoner
Ferdig

Resultat

En progressiv nettapp installeres bare rent når manifest.json tilfredsstiller feltene nettlesere og appbutikker faktisk ser etter. Denne validatoren analyserer det opplastede manifestet ditt og går gjennom W3C Web App Manifest-spesifikasjonen felt for felt: den flagger et manglende navn og short_name, en tom eller misformet ikonmatrise, ikoner som mangler en src, størrelser eller type, en unparsable start_url, en ugjenkjent visningsverdi og tema_farge eller bakgrunnsfarge-CSS. Hvert funn vises som en ren engelsk setning – ikke en rå spesifikasjon – slik at du vet nøyaktig hva du skal fikse og hvorfor det er viktig for installerbarheten.

Morderfunksjonen er forhåndsvisningen av maskerbart ikon for sikker sone. Androids adaptive ikoner bruker en OS-valgt maskeform – sirkel, squircle, teardrop og mer – til et hvilket som helst ikon merket med "purpose": "maskable". Alt utenfor en sentrert sirkel som dekker 40 % av ikonets visningsport kan klippes bort avhengig av masken enheten bruker. Last opp ikonbildefilene som refereres til av manifestet sammen med manifest.json, og dette verktøyet matcher dem etter filnavn, tegner hvert maskerbare ikon på et lerret i den deklarerte størrelsen, og legger over den nøyaktige sikkersonesirkelen slik at du kan se med egne øyne om kunstverket ditt overlever beskjæringen.

Bestått/ikke bestått-merket under hver forhåndsvisning er ikke et kosmetisk sjekklisteelement – det kommer fra ekte per-piksel-analyse av de dekodede bildedataene. Verktøyet måler hvor mye ikke-bakgrunnsinnhold som sitter utenfor sikkersonesirkelen (innhold som en maske vil klippe) og hvor mye av ikonet som er gjennomsiktig (maskerbare ikoner bør ha en ugjennomsiktig bakgrunn med full utfall, siden gjennomsiktighet lar den underliggende maskefargen vises gjennom). Begge sjekkene kjører mot den faktiske punktgrafikken du lastet opp, så resultatet gjenspeiler den virkelige ikonfilen din, ikke en gjetning.

Alt skjer lokalt i nettleseren din: manifest.json leses med File API, ikoner dekodes med createImageBitmap eller en FileReader/Image fallback, og piksler analyseres på et lerret i minnet. Ingenting lastes opp til en server, noe som betyr noe om manifestet ditt refererer til et appnavn som ennå ikke er offentlig, interne start_url-baner eller ikoner under utvikling.