Convalidatore manifesto dell'app Web

Un'app Web progressiva si installa in modo pulito solo quando il suo manifest.json soddisfa i campi effettivamente controllati dai browser e dagli app store. Questo validatore analizza il manifest caricato ed esamina le specifiche del manifest dell'app Web W3C campo per campo: segnala un nome e uno short_name mancanti, un array di icone vuoto o non valido, icone prive di src, dimensioni o tipo, un start_url non analizzabile, un valore di visualizzazione non riconosciuto e stringhe theme_color o background_color che non sono colori CSS validi. Ogni risultato viene mostrato come una frase in inglese semplice, non come una citazione di specifiche grezze, in modo da sapere esattamente cosa correggere e perché è importante per l'installabilità.

La caratteristica killer è l'anteprima della zona sicura con icona mascherabile. Le icone adattive di Android applicano una forma di maschera scelta dal sistema operativo (cerchio, scoiattolo, lacrima e altro) a qualsiasi icona contrassegnata con "scopo": "mascherabile". Tutto ciò che si trova all'esterno di un cerchio centrato che copre il 40% dell'area visibile dell'icona può essere ritagliato a seconda della maschera applicata dal dispositivo. Carica i file immagine delle icone a cui fa riferimento il tuo manifest insieme a manifest.json e questo strumento li abbina per nome file, disegna ogni icona mascherabile su una tela con le dimensioni dichiarate e sovrappone l'esatto cerchio della zona sicura in modo da poter vedere con i tuoi occhi se la tua opera d'arte sopravvive al ritaglio.

Il badge superato/fallito sotto ciascuna anteprima non è un elemento cosmetico dell'elenco di controllo: deriva dall'analisi reale per pixel dei dati dell'immagine decodificati. Lo strumento misura la quantità di contenuto non di sfondo che si trova all'esterno del cerchio della zona sicura (contenuto che una maschera taglierebbe) e la quantità di icona trasparente (le icone mascherabili dovrebbero avere uno sfondo opaco al vivo, poiché la trasparenza lascia trasparire il colore della maschera sottostante). Entrambi i controlli vengono eseguiti rispetto alla bitmap effettiva caricata, quindi il risultato riflette il file dell'icona reale, non un'ipotesi.

Tutto avviene localmente nel tuo browser: manifest.json viene letto con la File API, le icone vengono decodificate con createImageBitmap o un fallback FileReader/Image e i pixel vengono analizzati su un in-memory canvas. Non viene caricato nulla su un server, il che è importante se il tuo manifest fa riferimento a un nome di app non ancora pubblico, percorsi start_url interni o icone in fase di sviluppo.