Layar pembuka kustom membuat Progressive Web App (PWA) Anda terasa lebih seperti aplikasi yang dibuat untuk perangkat tersebut. Secara default, saat pengguna meluncurkan PWA dari layar utama, Android akan menampilkan layar putih hingga PWA siap. Pengguna mungkin melihat layar putih kosong ini hingga 200 md. Dengan menyiapkan layar pembuka kustom, Anda dapat menampilkan warna latar belakang kustom dan ikon PWA Anda kepada pengguna, sehingga memberikan pengalaman yang bermerek dan menarik.
Bagaimana audit layar pembuka Lighthouse gagal
Lighthouse menandai halaman yang tidak memiliki layar pembuka kustom:
Cara membuat layar pembuka kustom
Chrome untuk Android otomatis menampilkan layar pembuka kustom selama Anda memenuhi persyaratan berikut dalam manifes aplikasi web:
- Properti
nameditetapkan ke nama PWA Anda. - Properti
background_colordisetel ke nilai warna CSS yang valid. - Properti
theme_colordisetel ke nilai warna CSS yang valid. - Array
iconsmenentukan ikon yang berukuran minimal 512x512 px. - Ikon yang ditentukan ada dan dalam format PNG.
Lihat Menambahkan Layar Pembuka untuk Aplikasi Web Terinstal di Chrome 47 guna mengetahui informasi selengkapnya.
Referensi
Kode sumber untuk Tidak dikonfigurasi untuk audit layar pembuka kustom