Validátor manifestu webové aplikace

Progresivní webová aplikace se nainstaluje čistě pouze tehdy, když její manifest.json vyhovuje polím, která prohlížeče a obchody s aplikacemi skutečně kontrolují. Tento validátor analyzuje váš nahraný manifest a prochází specifikací W3C Web App Manifest pole po poli: označí chybějící název a short_name, prázdné nebo nesprávně naformátované pole ikon, ikony postrádající zdroj, velikosti nebo typ, neanalyzovatelnou start_url, nerozpoznanou hodnotu zobrazení a řetězce theme_color nebo background_color, které nejsou platnými barvami CSS. Každý nález je zobrazen jako věta v prosté angličtině – nikoli surová citace – takže přesně víte, co opravit a proč je to důležité pro instalaci.

Killer funkcí je náhled maskovatelné ikony bezpečné zóny. Adaptivní ikony systému Android aplikují tvar masky vybraný OS – kruh, veverka, slza a další – na jakoukoli ikonu označenou jako „účel“: „maskovatelné“. Cokoli mimo středový kruh pokrývající 40 % výřezu ikony lze oříznout v závislosti na masce, kterou zařízení aplikuje. Nahrajte soubory obrázků ikon, na které odkazuje váš manifest, spolu s manifest.json a tento nástroj je porovná podle názvu souboru, nakreslí každou maskovatelnou ikonu na plátno v její deklarované velikosti a překryje přesný kruh bezpečné zóny, abyste na vlastní oči viděli, zda vaše kresba přežije oříznutí.

Odznak vyhověl/nevyhověl pod každým náhledem není kosmetickou položkou kontrolního seznamu – pochází ze skutečné analýzy jednotlivých pixelů dekódovaných obrazových dat. Nástroj měří, kolik obsahu, který není na pozadí, se nachází mimo kruh bezpečné zóny (obsah, který by maska ​​ořízla) a jaká část ikony je průhledná (maskovatelné ikony by měly mít zcela neprůhledné pozadí, protože průhlednost umožňuje prosvítat barvu základní masky). Obě kontroly probíhají proti skutečné bitmapě, kterou jste nahráli, takže výsledek odráží váš skutečný soubor ikony, nikoli odhad.

Vše se děje lokálně ve vašem prohlížeči: manifest.json se čte pomocí File API, ikony se dekódují pomocí createImageBitmap nebo FileReader/Image fallback a pixely se analyzují na plátně v paměti. Na server se nic nenahrává, což je důležité, pokud váš manifest odkazuje na dosud neveřejný název aplikace, interní cesty start_url nebo ikony ve vývoji.