Validator Web App Manifest

Progressive Web App hanya terpasang mulus ketika manifest.json memenuhi field yang benar-benar diperiksa peramban dan toko aplikasi. Validator ini mengurai manifes yang diunggah dan menelusuri spesifikasi Web App Manifest W3C per field: mendeteksi name dan short_name yang hilang, array icons kosong atau cacat, ikon tanpa src, sizes, atau type, start_url yang tidak dapat diurai, nilai display yang tidak dikenal, serta string theme_color atau background_color yang bukan warna CSS valid. Setiap temuan ditampilkan sebagai kalimat bahasa Indonesia sederhana — bukan kutipan spesifikasi mentah — sehingga Anda tahu persis apa yang harus diperbaiki dan mengapa itu penting untuk kemampuan pasang.

Fitur unggulannya adalah pratinjau zona aman ikon maskable. Adaptive-icon Android menerapkan bentuk masker pilihan OS — lingkaran, squircle, tetesan air, dan lainnya — ke ikon apa pun yang bertanda "purpose": "maskable". Apa pun di luar lingkaran terpusat seluas 40% viewport ikon dapat terpotong tergantung masker yang diterapkan perangkat. Unggah berkas gambar ikon yang dirujuk manifes bersama manifest.json, dan alat ini mencocokkannya berdasarkan nama berkas, menggambar setiap ikon maskable di kanvas pada ukuran yang dideklarasikan, lalu melapiskan lingkaran zona aman tersebut sehingga Anda dapat melihat sendiri apakah karya seni Anda selamat dari pemotongan.

Lencana lulus/gagal di bawah setiap pratinjau bukan sekadar item daftar periksa kosmetik — lencana itu berasal dari analisis piksel nyata data gambar yang terdekode. Alat ini mengukur seberapa banyak konten non-latar berada di luar lingkaran zona aman (konten yang akan dipotong masker) dan seberapa banyak ikon yang transparan (ikon maskable harus memiliki latar buram penuh, karena transparansi membiarkan warna masker di bawahnya terlihat). Kedua pemeriksaan dijalankan terhadap bitmap sesungguhnya yang Anda unggah, sehingga hasilnya merefleksikan berkas ikon nyata Anda, bukan tebakan.

Semua berjalan lokal di peramban Anda: manifest.json dibaca dengan File API, ikon didekode dengan createImageBitmap atau fallback FileReader/Image, dan piksel dianalisis di kanvas dalam memori. Tidak ada yang diunggah ke server, yang penting jika manifes merujuk nama aplikasi yang belum publik, jalur start_url internal, atau ikon dalam pengembangan.