Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Penghasil Manifest Aplikasi Web PWA

DataPengembang

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

Kepemilikan Aplikasi

Nama

Nama lengkap aplikasi yang ditampilkan pada prompt instalasi dan layar pembuka

Nama Pendek

Digunakan pada layar utama (disarankan: 12 karakter atau kurang)

Keterangan

Bahasa

Bahasa utama (tag BCP 47, misalnya en-US, fr, de-DE)

Arah Teks

Pengaturan Navigasi

URL Mulai

URL yang dibuka saat aplikasi diluncurkan

Lingkup

Batas navigasi untuk aplikasi (opsional)

ID Aplikasi

Kepemilikan unik untuk aplikasi (opsional, disarankan)

Tampilan

Mode Tampilan

Orientasi

Tema Warna

Mewarnai bar navigasi dan status bar saat aplikasi dibuka

Warna Latar Belakang

Warna latar belakang pada layar pembuka saat aplikasi sedang memuat

Ikon

Lokasi Dasar Ikon

Lokasi folder di mana file ikon Anda berada (digunakan untuk membangun URL sumber)

Pola Nama File Ikon

Gunakan {size} sebagai tempat penempatan — diganti dengan setiap ukuran yang dipilih

Tipe MIME Ikon

Tujuan Ikon

Sertakan 72×72

Sertakan 96×96

Sertakan 128×128

Sertakan 144×144

Sertakan 152×152

Sertakan 192×192

Sertakan 384×384

Sertakan 512×512

KELUARAN

Sisi klien

manifest.json

Tag Link HTML

IKLAN · HAPUS?

Memandu

Penghasil Manifest Aplikasi Web PWA

Buat file yang valid manifest.json untuk Progressive Web App Anda dalam detik. Isi identitas aplikasi Anda, pilih mode tampilan, pilih ukuran ikon yang Anda distribusikan, dan generator menghasilkan JSON bersih yang dapat langsung dimasukkan ke proyek Anda — ditambah tag yang sesuai <link rel="manifest"> untuk HTML Anda.

Cara Penggunaan

Masukkan identitas aplikasi Anda Nama dan Nama Pendek. Nama lengkap muncul pada prompt instalasi; nama pendek ditampilkan di bawah ikon layar utama.
Tetapkan URL Mulai, Lingkup, dan opsional ID Aplikasi sehingga browser tahu apa yang harus diluncurkan dan bagaimana membatasi navigasi.
Pilih sebuah Mode Tampilan (standalone, fullscreen, minimal-ui, browser) dan sebuah Orientasi.
Pilih sebuah Tema Warna (antarmuka browser) dan sebuah Warna Latar Belakang (layar pembuka).
Tetapkan Lokasi Dasar Ikon dan sebuah Pola Nama File menggunakan {size} sebagai tempat penempatan, lalu centang ukuran ikon yang benar-benar Anda distribusikan.
Salin yang dihasilkan manifest.json atau klik ikon unduh. Tempel tag <link rel="manifest"> ke dalam <head>.

Fitur

Semua bidang manifest standar – nama, short_name, deskripsi, lang, dir, id, start_url, scope, display, orientation, theme_color, background_color.
Ceklist ukuran ikon – 72, 96, 128, 144, 152, 192, 384, dan 512 px, dengan URL yang dibangun secara otomatis src dari lokasi dasar dan pola nama file.
Dukungan tujuan ikon – any, maskable, “any maskable”, dan monochrome.
Pratinjau JSON langsung – JSON yang telah disusun rapi diperbarui saat Anda mengetik, dengan penekanan sintaksis.
Pemeriksaan instalabilitas – memperingatkan ketika nama, URL mulai, atau pasangan ikon 192x192 dan 512x512 yang disarankan hilang.
Salin atau unduh – salin satu kali, atau unduh sebagai manifest.json dengan tipe MIME yang tepat.
Tag link HTML – snippet siap dipaste <link rel="manifest"> .
100% sisi klien – tidak ada yang meninggalkan browser Anda. Tidak ada akun, tidak ada kuota.

 Tanya Jawab Umum

Apa itu manifest aplikasi web?

Manifest aplikasi web adalah file JSON yang memberi tahu browser bagaimana aplikasi Progressive Web App Anda harus berperilaku saat diinstal. File ini mengandung nama aplikasi, ikon, URL mulai, mode tampilan, warna tema, dan metadata lain yang digunakan oleh prompt instalasi, layar pembuka, dan pengganti layar utama.
Apa bidang yang diperlukan agar aplikasi PWA dapat diinstal?

Secara minimal, browser mengharapkan nama (atau short_name), URL mulai, mode tampilan diatur ke standalone, fullscreen, atau minimal-ui, dan setidaknya satu ikon 192x192 serta satu ikon 512x512. Menambahkan theme_color dan background_color sangat disarankan untuk pengalaman instalasi yang lebih baik.
Apa perbedaan antara mode tampilan?

standalone menyembunyikan antarmuka browser dan terlihat seperti aplikasi native. fullscreen juga menyembunyikan bar status, berguna untuk permainan. minimal-ui mempertahankan sejumlah kecil kontrol browser. browser membuka aplikasi dalam tab normal. Sebagian besar PWA memilih standalone.
Apa arti bidang tujuan ikon?

Tujuan memberi tahu browser bagaimana ikon dapat ditampilkan. "any" adalah default dan memungkinkan browser menggabungkan ikon sesuka hati. "maskable" berarti gambar dirancang untuk mengisi zona aman yang ditentukan oleh sistem operasi, sehingga pengganti layar dapat memotongnya menjadi lingkaran, squircle, atau persegi bulat tanpa memotong konten penting.
Di mana saya harus menempatkan manifest.json dan tag link?

Letakkan manifest.json di akar situs Anda atau di bawah jalur yang stabil, lalu rujukkannya dari setiap halaman HTML dengan tag di dalam . Pastikan file ini disajikan dengan tipe konten application/manifest+json.