0

Validator Web App Manifest

Validați un PWA manifest.json în raport cu specificația Web App Manifest și previzualizați pictogramele care se pot masca în zona de siguranță a pictogramelor adaptive Android.

📄

Aruncă manifest.json aici

sau faceți clic pentru a răsfoi - un singur fișier .json

🖼️

Plasați fișierele imagine cu pictograme aici

sau faceți clic pentru a răsfoi — PNG/JPEG/WebP/SVG, mai multe fișiere permise

Buy Me a Coffee at ko-fi.com
Procesare... 0%
Se analizează manifest.json
Validarea câmpurilor
Se redă previzualizările pictogramelor
Gata

Rezultat

O aplicație web progresivă se instalează curat numai atunci când manifest.json-ul său satisface câmpurile pe care browserele și magazinele de aplicații le verifică. Acest validator analizează manifestul încărcat și parcurge specificațiile W3C Web App Manifest câmp cu câmp: semnalează un nume și un nume scurt care lipsesc, o matrice de pictograme goală sau malformată, pictograme care lipsesc un src, dimensiuni sau tip, un start_url care nu poate fi analizat, o valoare de afișare nerecunoscută și o valoare de afișare nerecunoscută și un șir de teme_color sau culori CSS care nu sunt valide. Fiecare constatare este afișată ca o propoziție simplă în limba engleză - nu o citare brută a specificațiilor - astfel încât să știți exact ce să remediați și de ce este important pentru instalabilitate.

Caracteristica ucigașă este previzualizarea zonei de siguranță cu pictogramă masabilă. Pictogramele adaptive ale Android aplică o formă de mască aleasă de sistemul de operare — cerc, squircle, lacrimă și altele — oricărei pictograme marcate cu „scop”: „mascabil”. Orice lucru în afara unui cerc centrat care acoperă 40% din fereastra de vizualizare a pictogramei poate fi tăiat în funcție de masca pe care o aplică dispozitivul. Încărcați fișierele imagine cu pictograme la care se face referire de manifest împreună cu manifest.json, iar acest instrument le potrivește după numele fișierului, desenează fiecare pictogramă masabilă pe o pânză la dimensiunea ei declarată și suprapune exact acel cerc al zonei sigure, astfel încât să puteți vedea cu ochii tăi dacă opera de artă supraviețuiește decupării.

Insigna de promovare/eșec de sub fiecare previzualizare nu este un element din lista de verificare cosmetică - provine din analiza reală per pixel a datelor de imagine decodificate. Instrumentul măsoară cât de mult conținut fără fundal se află în afara cercului zonei de siguranță (conținut pe care o mască l-ar tăia) și cât de mult din pictogramă este transparentă (pictogramele mascabile ar trebui să aibă un fundal opac complet, deoarece transparența lasă culoarea măștii subiacente să fie vizibilă). Ambele verificări se execută pe harta bitmap pe care ați încărcat-o, astfel încât rezultatul reflectă fișierul pictogramă real, nu o presupunere.

Totul se întâmplă local în browserul dvs.: manifest.json este citit cu File API, pictogramele sunt decodificate cu createImageBitmap sau cu FileReader/Image fallback, iar pixelii sunt analizați pe o pânză din memorie. Nimic nu este încărcat pe un server, ceea ce contează dacă manifestul dvs. face referire la un nume de aplicație care nu este încă public, căi interne start_url sau pictograme în curs de dezvoltare.