Validátor manifestu Web App
Zvalidujte svůj PWA manifest.json podle specifikace Web App Manifest a zobrazte si náhled maskovatelných ikon s bezpečnou zónou pro adaptivní ikony Androidu.
🔒 Zpracováno výhradně ve vašem prohlížeči – nic, co zde zadáte, se nikdy nenahraje.
Výsledek
Progresivní webová aplikace se nainstaluje čistě jen tehdy, když její manifest.json splňuje všechna pole, která prohlížeče a obchody s aplikacemi skutečně kontrolují. Tento validátor zpracuje vámi nahraný manifest a projde specifikaci W3C Web App Manifest položku po položce: označí chybějící name a short_name, prázdné nebo chybně utvořené pole icons, ikony bez src, sizes nebo type, nezpracovatelnou hodnotu start_url, nerozpoznanou hodnotu display a hodnoty theme_color či background_color, které nejsou platnými CSS barvami. Každý nález je zobrazen jako srozumitelná věta – ne jako surový odkaz na specifikaci – takže přesně víte, co opravit a proč je to pro instalovatelnost důležité.
Klíčovou funkcí je náhled bezpečné zóny pro maskovatelné ikony. Adaptivní ikony Androidu aplikují masku tvaru, který volí operační systém – kruh, kvadrokruh, kapku a další – na každou ikonu označenou "purpose": "maskable". Cokoli mimo vystředěný kruh pokrývající 40 % plochy ikony může být oříznuto v závislosti na masce použité zařízením. Nahrajte soubory ikon, na které váš manifest odkazuje, spolu s manifest.json a tento nástroj je spáruje podle názvu souboru, vykreslí každou maskovatelnou ikonu na canvas v její deklarované velikosti a překryje ji přesným kruhem bezpečné zóny, abyste na vlastní oči viděli, zda vaše grafika přežije oříznutí.
Odznak prošel/neprošel pod každým náhledem není jen kosmetická položka seznamu – vychází ze skutečné analýzy pixel po pixelu z dekódovaných obrazových dat. Nástroj měří, kolik netransparentního obsahu leží mimo kruh bezpečné zóny (obsah, který by maska ořízla) a jak velká část ikony je průhledná (maskovatelné ikony by měly mít plně neprůhledné pozadí, protože průhlednost nechá prosvítat barvu masky). Obě kontroly probíhají na skutečných bitmapách, které jste nahráli, takže výsledek odráží váš reálný soubor ikony, ne odhad.
Vše probíhá lokálně ve vašem prohlížeči: manifest.json se načítá pomocí File API, ikony se dekódují pomocí createImageBitmap nebo záložního řešení FileReader/Image a pixely se analyzují na canvasu v paměti. Nic se nenahrává na server, což je důležité, pokud váš manifest odkazuje na zatím neveřejný název aplikace, interní cesty start_url nebo rozpracované ikony.