Web App Manifest Validator

A progresszív webalkalmazások csak akkor települnek tisztán, ha a manifest.json megfelel a böngészők és az alkalmazásboltok által ténylegesen ellenőrzött mezőknek. Ez az ellenőrző elem elemzi a feltöltött jegyzéket, és mezőről mezőre végigjárja a W3C Web App Manifest specifikációit: megjelöl egy hiányzó nevet és rövid_nevet, egy üres vagy hibásan formázott ikontömböt, az ikonokat, amelyekből hiányzik az src, a méretek vagy típusok, egy nem elemezhető start_url, egy fel nem ismert megjelenítési érték, valamint a theme_color vagy a background_color nem érvényes CSS karakterláncok. Minden lelet egyszerű angol mondatként jelenik meg – nem nyers specifikációs hivatkozásként –, így pontosan tudja, mit kell javítani, és miért számít ez a telepíthetőség szempontjából.

A gyilkos funkció a maszkolható ikonnal ellátott biztonságos zóna előnézete. Az Android adaptív ikonjai az operációs rendszer által kiválasztott maszkformát – kört, gömbölyűt, könnycseppet és egyebeket – alkalmaznak minden „cél”: „maszkolható” feliratú ikonra. Bármi, ami az ikon nézetablakának 40%-át lefedő középső körön kívül esik, az eszköz által alkalmazott maszktól függően levágható. Töltsd fel a manifestben hivatkozott ikonképfájlokat a manifest.json mellé, és ez az eszköz fájlnév szerint egyezteti őket, minden maszkolható ikont a deklarált méretben rajzol a vászonra, és ráfedi a pontos biztonságos zóna kört, így saját szemeddel láthatod, hogy a műalkotás túléli-e a kivágást.

Az egyes előnézetek alatti sikeres/nem sikerült jelvény nem kozmetikai ellenőrzőlista elem – a dekódolt képadatok valós pixelenkénti elemzéséből származik. Az eszköz azt méri, hogy mennyi nem háttér tartalom van a biztonságos zóna körén kívül (az a tartalom, amelyet a maszk levágna), és az ikonok mekkora része átlátszó (az maszkolható ikonoknak teljesen átlátszatlan hátterűnek kell lenniük, mivel az átlátszóság lehetővé teszi, hogy az alatta lévő maszk színe megjelenjen). Mindkét ellenőrzés a ténylegesen feltöltött bittérképre vonatkozik, így az eredmény a valódi ikonfájlt tükrözi, nem pedig találgatást.

Minden helyileg történik a böngészőben: a manifest.json fájl beolvasása a File API-val történik, az ikonok dekódolása a createImageBitmap vagy a FileReader/Image tartalék segítségével történik, és a képpontok elemzése a memórián belüli vásznon történik. Semmi sem kerül feltöltésre a szerverre, ami számít, ha a jegyzék egy még nem nyilvános alkalmazásnévre, belső start_url elérési útra vagy fejlesztés alatt álló ikonokra hivatkozik.