⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Validator Web App Manifesta

Provjerite PWA manifest.json u skladu sa specifikacijom Web App Manifest i pregledajte prilagodljive ikone prema sigurnoj zoni prilagodljive ikone Androida.

🔒 U potpunosti se obrađuje u vašem pregledniku — ništa što ovdje unesete nikada se ne učitava.

📄

Ovdje ispustite manifest.json

ili kliknite za pregled — jedna .json datoteka

🖼️

Ovdje ispustite datoteke slika ikona

ili kliknite za pregled — PNG/JPEG/WebP/SVG, dopušteno više datoteka

Obrada... 0%
Raščlanjivanje manifest.json datoteke
Provjera polja
Iscrtavanje pregleda ikona
Gotovo

Rezultat

Progresivna web aplikacija instalira se čisto samo kada njezin manifest.json zadovoljava polja koja preglednici i trgovine aplikacijama doista provjeravaju. Ovaj validator raščlanjuje vaš učitani manifest i prolazi kroz specifikaciju W3C Web App Manifest polje po polje: označava nedostajući "name" i "short_name", prazno ili neispravno polje "icons", ikone kojima nedostaje "src", "sizes" ili "type", nečitljiv "start_url", neprepoznatu vrijednost prikaza te nizove "theme_color" ili "background_color" koji nisu ispravne CSS boje. Svaki nalaz prikazan je kao jasna rečenica — a ne sirov citat iz specifikacije — tako da točno znate što popraviti i zašto je to važno za mogućnost instalacije.

Najveća prednost je pregled sigurne zone prilagodljive ikone. Androidove prilagodljive ikone primjenjuju masku oblika koji odabire OS — krug, kvadrat sa zaobljenim kutovima, kap i više — na svaku ikonu označenu s "purpose": "maskable". Sve izvan središnjeg kruga koji pokriva 40 % prikaza ikone može biti odrezano ovisno o maski koju uređaj primijeni. Prenesite datoteke slika ikona na koje se vaš manifest poziva zajedno s manifest.json, a ovaj alat povezuje ih prema nazivu datoteke, crta svaku prilagodljivu ikonu na platnu u njezinoj deklariranoj veličini i preklapa točno taj krug sigurne zone tako da vlastitim očima vidite hoće li vaš dizajn preživjeti obrezivanje.

Oznaka prolaza/pada ispod svakog pregleda nije samo kozmetička stavka s popisa — proizlazi iz stvarne analize dekodiranih podataka slike po pikselu. Alat mjeri koliko neprozirnog sadržaja leži izvan kruga sigurne zone (sadržaj koji bi maska odrezala) i koliko je ikone prozirno (prilagodljive ikone trebaju imati potpuno ispunjenu neprozirnu pozadinu, jer prozirnost dopušta da se boja maske vidi kroz nju). Obje provjere izvode se nad stvarnim bitmapom koji ste prenijeli, tako da rezultat odražava vašu stvarnu datoteku ikone, a ne pretpostavku.

Sve se odvija lokalno u vašem pregledniku: manifest.json čita se putem File API-ja, ikone se dekodiraju pomoću createImageBitmap ili FileReader/Image rješenja, a pikseli se analiziraju na platnu u memoriji. Ništa se ne šalje na poslužitelj, što je važno ako vaš manifest sadrži reference na naziv aplikacije koji još nije javan, interne putanje start_url-a ili ikone u razvoju.

Uživate u ovom alatu? Mislite da je ovaj proizvod koristan? Vidite potencijal u njemu i želite ga podržati?

🛡️
Izvršava se u pregledniku

Vaše datoteke i unosi nikad ne napuštaju ovaj uređaj. Obrada se odvija potpuno izvan mreže. 100% sigurno.

Prihvaćeni formati i pravila

  • Jasne poruke o pogreškama i upozorenjima za svako polje koje specifikacija W3C Web App Manifest zahtijeva ili preporučuje.
  • Provjera geometrije sigurne zone po ikoni: stvarna analiza piksela označava sadržaj ili prozirnost izvan sigurnog kruga prilagodljive ikone.
  • Povezuje učitane datoteke ikona s unosima "src" u polju "icons" manifesta prema nazivu datoteke kako bi prikazao stvarne preglede početnog zaslona.

Ključne prednosti

✓ Provjere sukladne specifikaciji: obavezni "name"/"short_name", polje "icons", "start_url", način prikaza i CSS-ispravne boje teme/pozadine.
✓ Pravi pregled prilagodljive ikone: vaše učitane datoteke ikona iscrtane su na platnu s preklopljenim krugom sigurne zone od 40 %, a ne samo kvačicom na popisu.
✓ Potpuno izvanmrežno: manifest.json i datoteke ikona nikad ne napuštaju vaš preglednik — nema slanja, nema povratnog putovanja na poslužitelj.

Slučajevi upotrebe

  • • Prenesite manifest.json prije slanja PWA-a u trgovinu aplikacijama kako biste uhvatili nedostajući short_name ili polje ikona bez unosa veličine 512×512.
  • • Pregledajte prilagodljivu ikonu naspram sigurnosne zone kruga za prilagodljive ikone Androida prije isporuke kako elementi logotipa ne bi bili odrezani bez obzira na oblik maske koji OS primijeni.
  • • Provjerite jesu li theme_color i background_color ispravne CSS boje kako bi se početni zaslon i kromatska traka preglednika prikazali onako kako je dizajnirano, umjesto da se nečujno vrate na zadane vrijednosti.