Achtergrondinformatie over Progressive Web Apps en de mini-infobar
Progressive Web Apps (PWA) zijn een patroon voor het maken van app-achtige, direct ladende, betrouwbare en installeerbare websites.
Wanneer uw PWA de checklist voor installeerbaarheid op Android doorstaat, verschijnt er onderaan het browservenster een Chrome-systeemdialoog genaamd de mini-infobalk.
Tegenwoordig wordt de mini-infobalk Toevoegen aan startscherm tegelijkertijd weergegeven met de gebeurtenis beforeinstallprompt .
Wijzigingen in Chrome 76
We hebben naar onze community geluisterd en wat we hoorden was dat ontwikkelaars meer controle willen over wanneer ze gebruikers moeten vragen een PWA te installeren. We hebben je gehoord!
Vanaf Chrome 76 kunt u de mini-infobalk voorkomen door preventDefault() aan te roepen voor de beforeinstallprompt gebeurtenis.
Met de gebeurtenis beforeinstallprompt kunt u de installatie van uw progressieve web-app promoten, zodat gebruikers deze gemakkelijk aan hun startscherm kunnen toevoegen. Onze community heeft gedeeld dat gebruikers die een PWA op het startscherm installeren zeer betrokken zijn, met meer herhaalbezoeken, tijd doorgebracht in de app en, indien van toepassing, hogere conversiepercentages.
Als u uw web-app wilt promoten zonder de mini-infobalk, luistert u naar de beforeinstallprompt gebeurtenis en slaat u de gebeurtenis vervolgens op. Update vervolgens uw gebruikersinterface om aan te geven dat uw PWA kan worden geïnstalleerd, bijvoorbeeld door een installatieknop toe te voegen, een installatiebanner weer te geven, gebruik te maken van infeed-promoties of een menuoptie. Wanneer de gebruiker op het install-element klikt, roept u prompt() op voor de opgeslagen beforeinstallprompt gebeurtenis om het modale dialoogvenster voor toevoegen aan het startscherm weer te geven.
Toekomst van de mini-infobalk Toevoegen aan startscherm
Het gebruik van de infobalk 'Toevoegen aan startscherm' is nog steeds een tijdelijke maatregel. We experimenteren met nieuwe UI-patronen die Progressive Web App-gebruikers de mogelijkheid zullen blijven geven om te installeren, en doen dit op een manier die de rommel in de browse-ervaring vermindert.