Latar belakang Progressive Web App dan mini-infobar
Progressive Web App (PWA) adalah pola untuk membuat situs yang mirip aplikasi, dimuat secara instan, andal, dan dapat diinstal.
Jika PWA Anda lulus checklist kemampuan penginstalan di Android, dialog sistem Chrome yang disebut mini-infobar akan muncul di bagian bawah jendela browser.
Saat ini, infobar mini Tambahkan ke Layar utama ditampilkan bersamaan dengan
acara
beforeinstallprompt.
Perubahan di Chrome 76
Kami telah mendengarkan masukan dari komunitas dan yang kami dengar adalah developer ingin lebih banyak kontrol atas waktu untuk meminta pengguna menginstal PWA. Kami mendengar masukan Anda.
Mulai Chrome 76, Anda dapat mencegah infobar mini dengan memanggil
preventDefault() pada peristiwa beforeinstallprompt.
Peristiwa beforeinstallprompt dapat membantu Anda mempromosikan penginstalan
aplikasi web progresif, sehingga memudahkan pengguna untuk menambahkannya ke layar utama mereka.
Komunitas kami telah menyampaikan bahwa pengguna yang menginstal PWA ke layar utama
sangat berinteraksi, dengan lebih banyak kunjungan berulang, waktu yang dihabiskan di aplikasi, dan jika
berlaku, rasio konversi yang lebih tinggi.
Untuk mempromosikan aplikasi web tanpa infobar mini, proses peristiwa beforeinstallprompt, lalu simpan peristiwa tersebut. Selanjutnya, perbarui antarmuka
pengguna untuk menunjukkan bahwa PWA Anda dapat diinstal, misalnya dengan menambahkan
tombol instal, menampilkan banner instal, menggunakan promosi dalam feed, atau
opsi menu. Saat pengguna mengklik elemen instal, panggil prompt() pada
peristiwa beforeinstallprompt yang disimpan untuk menampilkan dialog modal
tambahkan ke layar utama.
Masa depan infobar mini Tambahkan ke Layar utama
Penggunaan infobar tambahkan ke layar utama masih merupakan tindakan sementara. Kami sedang bereksperimen dengan pola UI baru yang akan terus memberi pengguna Progressive Web App kemampuan untuk menginstal, dan melakukannya dengan cara yang mengurangi kerumunan dalam pengalaman penjelajahan.