Apa beda mode tampilan standalone dan minimal-ui?

Standalone menyembunyikan seluruh antarmuka browser sehingga aplikasi terlihat native. Minimal-ui mempertahankan beberapa kontrol navigasi di atas (biasanya kembali dan muat ulang). Fullscreen bahkan menghapus status bar, cocok untuk game.

Ukuran ikon apa saja yang sebenarnya diperlukan?

Minimal PNG 192×192 dan 512×512 — Chrome dan Edge memakainya untuk layar beranda dan splash. Tambahkan 144×144 untuk ubin Windows lama dan versi 512×512 dengan `purpose: maskable` agar Android dapat memotongnya tanpa kehilangan detail.

Mengapa butuh name dan short_name sekaligus?

`name` muncul di dialog pemasangan dan laci aplikasi, sedangkan `short_name` tampil di bawah ikon layar beranda yang hanya cukup untuk sekitar 12 karakter. Tanpa short_name, sistem akan memotong name secara janggal di kebanyakan ponsel.

Di mana berkas manifest.json diletakkan?

Simpan sebagai `manifest.json` (atau `manifest.webmanifest`) di akar situs, lalu hubungkan dari ` ` dengan ` `. Browser akan mengunduhnya saat halaman pertama kali dimuat.

Apakah manifest saja cukup membuat situs bisa dipasang?

Tidak. Browser juga menuntut service worker yang menangani event `fetch`, HTTPS, dan setidaknya satu ikon 192×192. Manifest adalah lapisan metadata, sedangkan service worker membuktikan situs bisa berjalan offline.

Generator Manifest.json

Buat file manifes PWA

manifest.json

Nama Aplikasi

Nama Singkat

Deskripsi

URL Awal

Cakupan

ID Aplikasi

Mengidentifikasi aplikasi Anda secara unik di seluruh instalasi dan origin. Kosongkan untuk memakai start_url. Jalur seperti /?app atau string tetap apa pun bisa digunakan.

Bahasa

Tag BCP 47 untuk bahasa utama aplikasi, mis. id atau en-US. Kosongkan agar perangkat menyimpulkannya sendiri.

Arah Teks

Kategori

Kategori toko aplikasi dipisahkan koma, mis. productivity, utilities. Dipakai untuk mengklasifikasikan instalasi.

Mode Tampilan

Orientasi

Warna Tema

Warna Latar

Ikon

URL Sumber

Ukuran

Tipe

Tujuan

URL Sumber

Ukuran

Tipe

Tujuan

Pemeriksaan keterpasangan

•Tidak ada ikon maskable. Android memotong ikon persegi, jadi tambahkan satu dengan purpose: maskable.

Pratinjau

manifest.json

{
  "name": "Aplikasi Saya",
  "short_name": "Apl",
  "description": "Aplikasi web progresif",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#4A90D9",
  "background_color": "#FFFFFF",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    }
  ]
}

Apa itu Generator Manifest.json?

Manifest.json Generator membantu Anda membuat Web App Manifest lengkap untuk Progressive Web App. Isi detail aplikasi Anda dan dapatkan file manifest.json siap pakai dengan semua field wajib dan opsional yang diformat dengan benar.

Atur name, short_name, description, start_url, scope, mode tampilan (standalone, fullscreen, minimal-ui, browser), orientasi, warna tema, warna latar, serta sebanyak apa pun entri ikon lengkap dengan ukuran, type, dan purpose. Hasilnya sesuai spesifikasi W3C Web App Manifest, sehingga Chrome, Edge, dan Safari mengenalinya saat 'Tambahkan ke Layar Beranda'.

Cara menggunakan

Masukkan info dasar aplikasi Anda: nama, nama pendek, deskripsi, warna tema, dan warna latar belakang.
Konfigurasikan mode tampilan (standalone, fullscreen, minimal-ui), orientasi, start URL, dan scope.
Tambahkan entri ikon beserta ukurannya, lalu salin atau unduh file manifest.json yang dihasilkan untuk proyek Anda.

Kapan menggunakan

Menambahkan dukungan 'Pasang aplikasi' pada proyek web lama agar muncul di laci aplikasi sistem.
Menyesuaikan warna splash dan ikon untuk PWA internal yang dibagikan ke staf lapangan.
Membuat manifest dasar untuk template Next.js atau Vite yang tidak menyertakannya.

Hasil

Anda mengubah situs resep Anda menjadi PWA. Tetapkan nama 'My Recipes', warna tema sesuai hijau brand Anda, mode tampilan 'standalone', dan generate manifest untuk ditempatkan di root proyek.

FAQ

Apa beda mode tampilan standalone dan minimal-ui?: Standalone menyembunyikan seluruh antarmuka browser sehingga aplikasi terlihat native. Minimal-ui mempertahankan beberapa kontrol navigasi di atas (biasanya kembali dan muat ulang). Fullscreen bahkan menghapus status bar, cocok untuk game.
Ukuran ikon apa saja yang sebenarnya diperlukan?: Minimal PNG 192×192 dan 512×512 — Chrome dan Edge memakainya untuk layar beranda dan splash. Tambahkan 144×144 untuk ubin Windows lama dan versi 512×512 dengan `purpose: maskable` agar Android dapat memotongnya tanpa kehilangan detail.
Mengapa butuh name dan short_name sekaligus?: `name` muncul di dialog pemasangan dan laci aplikasi, sedangkan `short_name` tampil di bawah ikon layar beranda yang hanya cukup untuk sekitar 12 karakter. Tanpa short_name, sistem akan memotong name secara janggal di kebanyakan ponsel.
Di mana berkas manifest.json diletakkan?: Simpan sebagai `manifest.json` (atau `manifest.webmanifest`) di akar situs, lalu hubungkan dari `<head>` dengan `<link rel='manifest' href='/manifest.json'>`. Browser akan mengunduhnya saat halaman pertama kali dimuat.
Apakah manifest saja cukup membuat situs bisa dipasang?: Tidak. Browser juga menuntut service worker yang menangani event `fetch`, HTTPS, dan setidaknya satu ikon 192×192. Manifest adalah lapisan metadata, sedangkan service worker membuktikan situs bisa berjalan offline.

Generator Manifest.json

manifest.json

Ikon

Pemeriksaan keterpasangan

Pratinjau

Apa itu Generator Manifest.json?

Cara menggunakan

Kapan menggunakan

Hasil

FAQ

Alat terkait

Generator Data Terstruktur

Halaman Web ke PDF

Generator Kebijakan Privasi

Generator Syarat Layanan

Generator Persetujuan Cookie

Minifikasi CSS

Generator Manifest.json

manifest.json

Ikon

Pemeriksaan keterpasangan

Pratinjau