0

Web App Manifest tikrintuvas

Tikrinkite PWA manifest.json pagal žiniatinklio programų manifesto specifikaciją ir peržiūrėkite maskable piktogramas, palygindami su „Android“ adaptyviųjų piktogramų saugia zona.

🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.

📄

Čia įkelkite manifest.json

arba spustelėkite, norėdami pasirinkti – vieną .json failą

🖼️

Čia įkelkite piktogramų failus

arba spustelėkite, norėdami pasirinkti – galimi PNG/JPEG/WebP/SVG, leidžiami keli failai

Apdorojama... 0%
Analizuojamas manifest.json
Tikrinami laukai
Atvaizduojamos piktogramų peržiūros
Baigta

Rezultatas

Progresyvioji žiniatinklio programa įdiegiama sklandžiai tik tuomet, kai jos manifest.json atitinka laukus, kuriuos iš tikrųjų tikrina naršyklės ir programėlių parduotuvės. Šis tikrintuvas analizuoja jūsų įkeltą manifestą ir nagrinėja jį pagal W3C Web App Manifest specifikaciją laukas po lauko: praneša, jei trūksta name ir short_name, jei icons masyvas tuščias ar netinkamos struktūros, jei piktogramoje trūksta src, sizes ar type, jei nepavyksta apdoroti start_url, jei display reikšmė neatpažinta arba jei theme_color ir background_color eilutės nėra tinkamos CSS spalvos. Kiekviena išvada pateikiama aiškiu sakiniu – ne sausa specifikacijos citata – todėl tiksliai žinosite, ką taisyti ir kodėl tai svarbu diegiamumui.

Pagrindinė savybė – maskable piktogramos saugios zonos peržiūra. „Android“ adaptyviosios piktogramos taiko operacinės sistemos pasirinktą kaukės formą – apskritimą, suapvalintą kvadratą, ašarą ir pan. – bet kuriai piktogramai, pažymėtai "purpose": "maskable". Viskas, kas išeina už centruoto apskritimo, apimančio 40 % piktogramos peržiūros srities, gali būti nukirpta, priklausomai nuo įrenginio taikomos kaukės. Įkelkite savo piktogramų vaizdo failus, nurodytus manifeste, kartu su manifest.json, o šis įrankis, suradęs juos pagal failo vardą, kiekvieną maskable piktogramą nupieš ant drobės nurodytu dydžiu ir uždės tą tikslų saugios zonos apskritimą – taip savo akimis pamatysite, ar jūsų kūrinys išliks po apkarpymo.

Po kiekviena peržiūra esantis „išlaikyta / neišlaikyta“ ženklelis nėra tik kosmetinis kontrolinio sąrašo punktas – jis atsiranda atlikus tikrą kiekvieno pikselio analizę dekoduotame vaizde. Įrankis matuoja, kiek ne fono turinio yra už saugios zonos apskritimo ribų (turinio, kurį kaukė apkirptų) ir kokia piktogramos dalis yra permatoma (maskable piktogramos turėtų turėti visą plotą dengiantį vientisos spalvos foną, nes permatomumas leidžia prasišviesti kaukės spalvai). Abu patikrinimai atliekami pagal jūsų tikrąjį įkeltą bitmap failą, todėl rezultatas atspindi jūsų tikrą piktogramos failą, o ne spėjimą.

Viskas vyksta lokaliai jūsų naršyklėje: manifest.json nuskaitomas naudojant File API, piktogramos dekoduojamos su createImageBitmap arba FileReader/Image atsargine priemone, o pikseliai analizuojami atmintyje esančioje drobėje. Niekas nėra įkeliama į serverį, o tai ypač svarbu, jei jūsų manifeste nurodytas dar neviešas programos pavadinimas, vidiniai start_url keliai arba kuriamos piktogramos.