Cara memakai
- Ketik Nama dan Nama pendek, lalu URL awal dan Cakupan aplikasi.
- Pilih Mode tampilan, dan ketik Warna latar serta Warna tema sebagai warna heksadesimal.
- Tulis satu ikon per baris di bawah Ikon: alamatnya, lalu ukuran, jenis dan tujuannya, dipisahkan tanda garis tegak.
- Simpan teks di bawah manifest.webmanifest, dan perbaiki setiap peringatan yang tercantum di bawah Pemeriksaan pemasangan.
Arti setiap anggota
Manifest adalah berkas JSON. Anggotanya dijelaskan dalam W3C Web Application Manifest (bagian 1). Hanya anggota yang Anda isi yang ditulis, sehingga kolom kosong membiarkan anggotanya keluar. Mode tampilan menentukan cara peramban menampilkan aplikasi; jika peramban tidak mendukung sebuah mode, ia memakai mode berikutnya dalam rantai ini (bagian 6): layar penuh, lalu mandiri, lalu UI minimal, lalu peramban.
URL awal yang berada di asal (origin) lain dari halaman diabaikan, karena spesifikasi meminta asal yang sama. Cakupan hanya dipakai ketika ia memuat URL awal; jika tidak, peramban memakai cakupan yang berupa URL awal tanpa nama berkas, query, dan fragmennya.
Yang diperiksa peringatan
MDN mendaftar anggota yang dibutuhkan peramban berbasis Chromium sebelum menawarkan pemasangan aplikasi web: nama atau nama pendek, ikon 192 piksel dan 512 piksel, URL awal, dan mode tampilan. MDN juga menyatakan situs harus disajikan lewat https, atau dari localhost, dan service worker tidak diwajibkan. Firefox tidak memasang aplikasi web dari berkas manifest di desktop.
Alat ini memeriksa anggota di atas dan aturan cakupan. Alat ini tidak menguji berkas ikon, alamat HTTPS, atau tautan di halaman Anda; semua itu tetap menjadi tugas Anda untuk memastikannya.
Nilai bawaan
Dengan nilai yang dibuka halaman, manifest memiliki anggota di bawah. Pemeriksaan tidak menampilkan peringatan, karena nama, URL awal, dan kedua ukuran ikon sudah ada.
| Anggota | Nilai |
|---|---|
| name, short_name | Notes, Notes |
| start_url, scope | /, / |
| display | standalone |
| background_color, theme_color | #ffffff, #1f6feb |
| icons | berkas PNG 192x192 dan 512x512; ikon 512 memiliki tujuan any maskable |
Pertanyaan yang sering diajukan
Di mana saya menyimpan berkas manifest?
Simpan di akar situs, atau di folder aplikasi, dan beri nama manifest.webmanifest. Lalu tautkan dari setiap halaman aplikasi dengan elemen link yang rel-nya manifest, seperti yang dijelaskan MDN.
Apakah saya memerlukan service worker untuk memasang aplikasi?
Tidak. MDN menyatakan service worker bukan syarat agar PWA dapat dipasang, walaupun banyak aplikasi memakainya untuk bekerja luring. Situs tetap harus disajikan lewat https, atau dari localhost.
Ukuran ikon apa yang saya perlukan?
MDN mendaftar ikon 192 piksel dan 512 piksel untuk peramban berbasis Chromium. Tulis ukurannya sebagai LEBARxTINGGI, dipisahkan spasi jika satu berkas memiliki beberapa ukuran. Berkas SVG dapat memiliki ukuran any.
Apa beda nama pendek dan nama?
Nama adalah nama lengkap aplikasi. Nama pendek untuk tempat yang ruangnya terbatas, seperti label di bawah ikon pada layar utama. Beri setidaknya salah satunya; alat ini memperingatkan jika keduanya kosong.
Mengapa alat ini memperingatkan soal cakupan?
Cakupan hanya dipakai ketika ia memuat URL awal (bagian 1 W3C). Jika URL awal berada di luar cakupan, peramban mengabaikan cakupan dan memakai cakupan bawaannya, sehingga aplikasi mungkin terbuka di luar area yang Anda maksud.
Sumber
- W3C (dalam bahasa Inggris): Web Application Manifest (Working Draft, 6 November 2026), bagian 1, 2 dan 6
- MDN (dalam bahasa Inggris): Making PWAs installable
- MDN (dalam bahasa Inggris): anggota display pada manifest aplikasi web
- MDN (dalam bahasa Inggris): anggota icons pada manifest aplikasi web
Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.