Panduan

Panduan Manifes Apl Web

Manifes apl web (site.webmanifest) memberitahu penyemak imbas boleh dipasang nama apl anda, warna dan saiz ikon yang hendak digunakan pada skrin utama. Gandingkannya dengan ikon 192×192 dan 512×512 PNG untuk persediaan favicon PWA yang lengkap.

Pautkan manifes dengan <link rel="manifest" href="/site.webmanifest">. Di dalam JSON, tatasusunan ikon mesti menyertakan sekurang-kurangnya 192×192 dan 512×512 entri dengan jenis imej/png dan tujuan apa-apa (tambahkan varian bertopeng untuk ikon penyesuaian Android jika perlu).

Tetapkan theme_color dan background_color agar sepadan dengan jenama anda — mereka mengawal krom penyemak imbas dan skrin percikan semasa pemasangan.

Cara ia berfungsi

  1. 1

    Jana ikon PNGs

    192 dan 512 daripada pakej penjana favicon kami.

  2. 2

    Cipta tapak.webmanifest

    Sertakan nama, nama_pendek, ikon, warna_tema, paparan.

  3. 3

    Pautan dalam HTML

    <link rel="manifest" href="/site.webmanifest"> ditambah dengan meta warna tema.

Cuba sekarang

Jana pakej ikon PWA

Penjana Favicon

Soalan lazim

Adakah manifes diperlukan untuk tapak web asas?+

Tidak — hanya jika anda mahu pasang ke skrin utama atau krom Android yang lebih kaya. Favicon.ico sahaja berfungsi untuk tab.

Apakah saiz ikon yang terdapat dalam manifes?+

192×192 dan 512×512 diperlukan untuk gesaan pemasangan. Tambahkan 384 atau ikon bertopeng untuk menggilap.

Bolehkah saya menggunakan SVG dalam manifes?+

Chromium menyokong SVG dalam sesetengah kes, tetapi PNG ialah lalai selamat untuk UI pemasangan merentas penyemak imbas.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial