UTILS.
100% di peramban
📱

Generator Web App Manifest (PWA)

Buat web app manifest PWA yang valid (manifest.json) dengan ikon, warna tema, dan mode tampilan, plus tag link rel=manifest siap tempel.

— keluaran muncul di sini —
— keluaran muncul di sini —

Tentang alat ini

Generator Web App Manifest membangun manifest.json yang valid untuk Progressive Web App dari formulir sederhana, lalu memberikan tag HTML pendamping untuk disisipkan ke <head> halaman Anda. Semuanya dirakit di peramban Anda dan tidak ada yang diunggah — Anda dapat menyalin JSON, mengunduhnya sebagai manifest.json, atau menyalin tag link dan meta.

Sebuah web app manifest adalah berkas JSON yang memungkinkan sebuah situs dipasang ke layar beranda dan diluncurkan seperti aplikasi native. Alat ini merakit kunci standar — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui, atau browser), orientation, theme_color, background_color, dan array icons — menghapus bidang apa pun yang Anda kosongkan agar output tetap bersih. Setiap ukuran ikon yang Anda centang menjadi entri dengan src, sizes, dan type (diturunkan dari ekstensi berkas), dan purpose opsional memungkinkan Anda menandai ikon sebagai maskable. Hasilnya diserialisasi dengan JSON.stringify pada indentasi dua spasi, sehingga dapat dibaca manusia dan sesuai standar.

Gunakan placeholder {size} pada jalur ikon (misalnya /icons/icon-{size}.png) dan ia akan diganti dengan setiap dimensi seperti 192x192 dan 512x512. Minimal, sebuah manifest harus menyertakan name, start_url, mode display, dan setidaknya ikon 192px dan 512px, yang merupakan default di sini. Rujuk manifest dari halaman Anda dengan tag <link rel="manifest"> yang dihasilkan dan tambahkan meta theme-color untuk UI peramban.

Pertanyaan yang sering diajukan

Apa itu web app manifest?
Ini adalah berkas JSON yang mendeskripsikan Progressive Web App Anda — nama, ikon, warna, dan cara peluncurannya — sehingga peramban dapat menawarkan pemasangan ke layar beranda dan membukanya di jendela seperti aplikasi.
Bidang mana yang wajib?
Manifest yang berguna setidaknya butuh name (atau short_name), start_url, mode display, dan ikon 192x192 dan 512x512. Generator ini mengisinya secara default; bidang lain opsional dan dihilangkan bila dikosongkan.
Apa arti 'maskable' untuk ikon?
Ikon maskable memiliki padding aman sehingga platform dapat memotongnya menjadi lingkaran, squircle, atau kotak membulat tanpa memotong logo Anda. Atur purpose ke 'maskable' atau 'any maskable' untuk ikon yang dirancang dengan zona aman itu.
Bagaimana cara memasang manifest di situs saya?
Simpan JSON sebagai manifest.json, unggah ke situs Anda, lalu tambahkan tag <link rel="manifest" href="/manifest.json"> dan meta theme-color yang dihasilkan ke <head> setiap halaman.

Alat lainnya