Web App Manifest Validátor

Egy Progressive Web App csak akkor települ hibátlanul, ha a manifest.json megfelel azoknak a mezőknek, amelyeket a böngészők és az alkalmazásboltok ténylegesen ellenőriznek. Ez a validátor elemzi a feltöltött manifestet, és sorra veszi a W3C Web App Manifest specifikáció mezőit: jelez, ha hiányzik a name vagy short_name, ha üres vagy hibás az icons tömb, ha egy ikonból hiányzik a src, sizes vagy type, ha a start_url nem értelmezhető, ha a display értéke nem felismert, illetve ha a theme_color vagy background_color nem érvényes CSS-szín. Minden megállapítás közérthető mondatban jelenik meg – nem nyers specifikációs hivatkozásként –, így pontosan tudni fogod, mit kell javítani, és az miért számít a telepíthetőség szempontjából.

A legfontosabb funkció a maskable ikonok biztonságizóna-előnézete. Az Android adaptív ikonok az operációs rendszer által választott maszkformát – kör, lekerekített sarkú négyzet, csepp és egyebek – alkalmaznak minden "purpose": "maskable" jelölésű ikonra. Minden, ami az ikon nézetablakának 40%-át kitevő középre igazított körön kívül esik, levágásra kerülhet, attól függően, hogy az eszköz milyen maszkot használ. Töltsd fel a manifestben hivatkozott ikonfájlokat a manifest.json mellé, és ez az eszköz fájlnév alapján párosítja, majd minden maskable ikont kirajzol egy vászonra a megadott méretben, és ráilleszti a pontos biztonságizóna-kört, így a saját szemeddel láthatod, hogy a grafikád túléli-e a vágást.

Minden előnézet alatt látható megfelelt/nem felelt jelzés nem csupán egy esztétikai pipa a listán – valós, képpont-szintű elemzés eredménye a dekódolt kép alapján. Az eszköz megméri, hogy a nem háttér tartalom mekkora része esik a biztonságizóna-körön kívül (ezt egy maszk levágná), és hogy az ikon mekkora része átlátszó (a maskable ikonoknak teljesen kitöltött, átlátszatlan háttérrel kell rendelkezniük, mert az átlátszóság engedi átlátszani a maszk alapszínét). Mindkét ellenőrzés az általad feltöltött valós bitkép alapján fut, így az eredmény a te tényleges ikonfájlodat tükrözi, nem egy becslést.

Minden a böngésződben, helyben történik: a manifest.json-t a File API olvassa be, az ikonok dekódolása createImageBitmap vagy FileReader/Image fallback segítségével zajlik, a pixelek elemzése pedig memóriában lévő vásznon fut. Semmi sem kerül feltöltésre szerverre, ami különösen fontos, ha a manifest még nem nyilvános alkalmazásnevet, belső start_url elérési utat vagy fejlesztés alatt álló ikonokat hivatkozik meg.