jasvet.blogg.se

There are three key ways you can promote the installation of your PWA: Patterns for promoting the installation of your PWA #

When it’s fired, save a reference to the event, and update your user interface to let the user know they can install your Progressive Web App. To add your own custom install button, listen for the beforeinstallprompt event. If your PWA has use cases where it’s helpful for a user to install your app, for example if you have users who use your app more than once a week, you should be promoting the installation of your PWA within the web UI of your app. Like other install events, you can listen for the appinstalled event to detect if the user installed your PWA. Clicking the button prompts the user to install the PWA. If a site meets the Progressive Web App installability criteria, Chrome will automatically show an install icon in the address bar.

In Chrome 76 (beta mid-June 2019), we're making it easier for users to install Progressive Web Apps on the desktop by adding an install button to the address bar (omnibox). On desktop, there's typically no indication to a user that a Progressive Web App is installable, and if it is, the install flow is hidden within the three dot menu.