0

Preverjevalnik manifesta spletne aplikacije

Preverite PWA manifest.json glede na specifikacijo manifesta spletne aplikacije in predoglejte maskirne ikone glede na varno območje prilagodljive ikone Android.

📄

Tukaj spustite manifest.json

ali kliknite za brskanje — ena datoteka .json

🖼️

Sem spustite slikovne datoteke ikon

ali kliknite za brskanje — PNG/JPEG/WebP/SVG, dovoljeno je več datotek

Buy Me a Coffee at ko-fi.com
Obdelava ... 0%
Razčlenjevanje manifest.json
Preverjanje polj
Upodabljanje predogledov ikon
Končano

Rezultat

Progresivna spletna aplikacija se čisto namesti le, če njen manifest.json izpolnjuje polja, ki jih brskalniki in trgovine z aplikacijami dejansko preverijo. Ta validator razčleni vaš naložen manifest in se sprehodi po specifikacijah manifesta W3C Web App polje za poljem: označi manjkajoče ime in short_name, prazno ali nepravilno oblikovano matriko ikon, ikone, ki jim manjka src, velikosti ali vrsta, nerazčlenljiv start_url, neprepoznano prikazno vrednost in nize theme_color ali background_color, ki niso veljavne barve CSS. Vsaka ugotovitev je prikazana kot preprost angleški stavek - ne neobdelana navedba specifikacij - tako da natančno veste, kaj morate popraviti in zakaj je to pomembno za namestitev.

Ubijalska funkcija je predogled varnega območja z maskirno ikono. Prilagodljive ikone Android uporabijo obliko maske, ki jo je izbral OS – krog, veverica, solza itd. – za katero koli ikono z oznako »namen«: »maskable«. Vse, kar je zunaj osrednjega kroga, ki pokriva 40 % vidnega polja ikone, je mogoče odrezati, odvisno od maske, ki jo uporablja naprava. Naložite slikovne datoteke ikon, na katere se sklicuje vaš manifest poleg manifest.json, in to orodje jih ujema z imenom datoteke, nariše vsako ikono, ki jo je mogoče maskirati, na platno v njeni deklarirani velikosti in prekrije natančen krog varnega območja, tako da lahko na lastne oči vidite, ali vaše umetniško delo preživi obrezovanje.

Značka uspešno/neuspešno pod vsakim predogledom ni kozmetični element na kontrolnem seznamu – izhaja iz dejanske analize dekodiranih slikovnih podatkov na slikovno piko. Orodje meri, koliko vsebine brez ozadja je izven kroga varnega območja (vsebina, ki bi jo maska ​​izrezala) in kolikšen del ikone je prosojen (ikone, ki jih je mogoče maskirati, morajo imeti neprozorno ozadje s širokim robom, saj prosojnost omogoča, da se osnovna barva maske prikaže skozi). Obe preverjanji se izvajata glede na dejansko bitno sliko, ki ste jo naložili, tako da rezultat odraža vašo resnično datoteko ikone, ne ugibanja.

Vse se zgodi lokalno v vašem brskalniku: manifest.json se prebere z API-jem za datoteke, ikone se dekodirajo s funkcijo createImageBitmap ali nadomestno funkcijo FileReader/Image, slikovne pike pa se analizirajo na platnu v pomnilniku. Nič ni naloženo na strežnik, kar je pomembno, če se vaš manifest sklicuje na še nejavno ime aplikacije, notranje poti start_url ali ikone v razvoju.