Web App Manifest -validaattori

Progressiivinen verkkosovellus asentuu puhtaasti vain, kun sen manifest.json täyttää kentät, joita selaimet ja sovelluskaupat todella tarkistavat. Tämä validaattori jäsentää lataamasi manifestin ja käy läpi W3C:n Web App Manifest -spesifikaation kenttä kentältä: se merkitsee puuttuvan nimen ja short_name:n, tyhjän tai virheellisen icons-taulukon, kuvakkeet, joista puuttuu src, sizes tai type, jäsentämättömän start_url:n, tunnistamattoman display-arvon sekä theme_color- tai background_color-merkkijonot, jotka eivät ole kelvollisia CSS-värejä. Jokainen havainto näytetään selkokielisenä lauseena – ei raakana spesifikaatioviittauksena – joten tiedät tarkalleen, mitä korjata ja miksi se on tärkeää asennettavuuden kannalta.

Varsinainen valtti on maskattavan kuvakkeen turva-alueen esikatselu. Androidin adaptive-kuvakkeet käyttävät käyttöjärjestelmän valitsemaa maskin muotoa – ympyrä, pyöristetty neliö, pisara ja monia muita – mihin tahansa kuvakkeeseen, jossa on "purpose": "maskable". Kaikki, mikä on keskitetyn ympyrän ulkopuolella, joka peittää 40 % kuvakkeen näkymästä, voi rajautua pois riippuen laitteen käyttämästä maskista. Lataa manifest.json-tiedoston rinnalla kuvaketiedostot, joihin manifest viittaa, ja tämä työkalu yhdistää ne tiedostonimen perusteella, piirtää jokaisen maskattavan kuvakkeen canvas-elementille ilmoitetussa koossaan ja asettaa päälle täsmälleen tuon turva-alueympyrän, jotta näet omin silmin, selviääkö grafiikkasi rajauksesta.

Jokaisen esikatselun alla oleva hyväksytty/hylätty-merkki ei ole kosmeettinen tarkistuslistan kohta – se tulee todellisesta, puretun kuvadatan pikselikohtaisesta analyysistä. Työkalu mittaa, kuinka paljon ei-taustasisältöä on turva-alueympyrän ulkopuolella (sisältöä, jonka maski rajaisi pois) ja kuinka suuri osa kuvakkeesta on läpinäkyvää (maskattavissa kuvakkeissa tulisi olla koko pinnan peittävä läpinäkymätön tausta, koska läpinäkyvyys päästää maskin alla olevan värin näkyviin). Molemmat tarkistukset suoritetaan todelliselle lataamallesi bittikartalle, joten tulos vastaa aitoa kuvaketiedostoasi, ei arvausta.

Kaikki tapahtuu paikallisesti selaimessasi: manifest.json luetaan File API:lla, kuvakkeet puretaan createImageBitmapilla tai FileReader/Image-varajärjestelmällä, ja pikselit analysoidaan muistissa olevalle canvas-elementille. Mitään ei lähetetä palvelimelle, millä on merkitystä, jos manifestisi viittaa sovelluksen nimeen, joka ei ole vielä julkinen, sisäisiin start_url-poluihin tai kehitteillä oleviin kuvakkeisiin.