Validator Manifes Aplikasi Web

Aplikasi Web Progresif hanya terinstal dengan baik ketika manifest.jsonnya memenuhi bidang yang sebenarnya diperiksa oleh browser dan toko aplikasi. Validator ini mengurai manifes yang Anda unggah dan menelusuri spesifikasi Manifes Aplikasi Web W3C bidang demi bidang: validator ini menandai nama dan nama_pendek yang hilang, susunan ikon yang kosong atau formatnya salah, ikon tidak memiliki src, ukuran, atau jenis, start_url yang tidak dapat diurai, nilai tampilan yang tidak dikenal, dan string theme_color atau background_color yang bukan merupakan warna CSS yang valid. Setiap temuan ditampilkan sebagai kalimat bahasa Inggris yang sederhana — bukan kutipan spesifikasi mentah — sehingga Anda tahu persis apa yang harus diperbaiki dan mengapa hal itu penting untuk kemudahan pemasangan.

Fitur mematikannya adalah pratinjau zona aman dengan ikon yang dapat disamarkan. Ikon adaptif Android menerapkan bentuk topeng yang dipilih OS — lingkaran, tupai, tetesan air mata, dan lainnya — ke ikon apa pun yang bertanda "tujuan": "dapat ditutup". Apa pun di luar lingkaran tengah yang menutupi 40% area pandang ikon dapat terpotong tergantung pada mask yang diterapkan perangkat. Unggah file gambar ikon yang direferensikan oleh manifes Anda bersama manifest.json, dan alat ini akan mencocokkannya berdasarkan nama file, menggambar setiap ikon yang dapat disamarkan pada kanvas dengan ukuran yang dinyatakan, dan melapisi lingkaran zona aman tersebut sehingga Anda dapat melihat dengan mata kepala sendiri apakah karya seni Anda dapat bertahan dari pemotongan.

Lencana lulus/gagal di bawah setiap pratinjau bukanlah item daftar periksa kosmetik — ini berasal dari analisis per piksel nyata dari data gambar yang didekodekan. Alat ini mengukur berapa banyak konten non-latar belakang yang berada di luar lingkaran zona aman (konten yang akan dipotong oleh topeng) dan berapa banyak ikon yang transparan (ikon yang dapat ditutup harus memiliki latar belakang buram penuh, karena transparansi memungkinkan warna topeng yang mendasarinya terlihat jelas). Kedua pemeriksaan tersebut dijalankan terhadap bitmap sebenarnya yang Anda unggah, sehingga hasilnya mencerminkan file ikon Anda yang sebenarnya, bukan tebakan.

Semuanya terjadi secara lokal di browser Anda: manifest.json dibaca dengan File API, ikon didekodekan dengan createImageBitmap atau fallback FileReader/Image, dan piksel dianalisis pada kanvas dalam memori. Tidak ada yang diunggah ke server, ini penting jika manifes Anda merujuk pada nama aplikasi yang belum bersifat publik, jalur start_url internal, atau ikon yang sedang dikembangkan.