Validator manifesta web aplikacije
Potvrdite PWA manifest.json u odnosu na specifikaciju Manifesta web-aplikacije i pregledajte maskabilne ikone u odnosu na Androidovu sigurnu zonu prilagodljive ikone.
Rezultat
Progresivna web-aplikacija instalira se čisto samo kada njen manifest.json zadovoljava polja koja preglednici i trgovine aplikacija zapravo provjeravaju. Ovaj validator raščlanjuje vaš učitani manifest i prolazi kroz specifikaciju W3C Web App Manifesta polje po polje: označava nedostajuće ime i short_name, prazan ili neispravan niz ikona, ikone kojima nedostaje src, veličine ili tip, neparsable start_url, neprepoznatu vrijednost prikaza i nizove theme_color ili background_color koje nisu važeće CSS boje. Svaki nalaz prikazan je kao obična engleska rečenica — a ne neobrađeni citat specifikacije — tako da točno znate što trebate popraviti i zašto je to važno za instalaciju.
Ubojita značajka je maskable-icon pregled sigurne zone. Prilagodljive ikone Androida primjenjuju oblik maske odabran od strane OS-a — krug, vlaknu, suzu itd. — na bilo koju ikonu označenu kao "svrha": "maskable". Sve izvan središnjeg kruga koji pokriva 40% okvira za prikaz ikone može se izrezati ovisno o maski koju uređaj primjenjuje. Učitajte slikovne datoteke ikona na koje se referira vaš manifest uz manifest.json, a ovaj ih alat uparuje prema nazivu datoteke, crta svaku ikonu koja se može maskirati na platnu u njezinoj deklariranoj veličini i prekriva točno taj krug sigurne zone tako da možete vlastitim očima vidjeti hoće li vaše umjetničko djelo preživjeti obrezivanje.
Značka prošao/nije prošao ispod svakog pregleda nije kozmetička stavka popisa za provjeru — dolazi iz stvarne analize po pikselu dekodiranih slikovnih podataka. Alat mjeri koliko se sadržaja koji nije u pozadini nalazi izvan kruga sigurne zone (sadržaj koji bi maska isjekla) i koliko je ikona prozirna (ikone koje se mogu maskirati trebale bi imati neprozirnu pozadinu s punim okvirom, budući da prozirnost dopušta da se ispod maske vidi boja). Obje provjere pokreću se prema stvarnoj bitmapi koju ste učitali, tako da rezultat odražava vašu stvarnu datoteku ikone, a ne nagađanje.
Sve se događa lokalno u vašem pregledniku: manifest.json se čita pomoću File API-ja, ikone se dekodiraju pomoću createImageBitmap ili FileReader/Image backback, a pikseli se analiziraju na platnu u memoriji. Ništa se ne učitava na poslužitelj, što je važno ako se u vašem manifestu navodi naziv aplikacije koji još nije javan, interne staze start_url ili ikone u razvoju.