Web App Install Banner: Defer prompt of banner sample

Available in Chrome 45+ (for Android)

The web app install banner will prompt the user to add your web app to the users home screen. It will only prompt when a number of criteria have been met:

• The app uses a service worker
• The site is using HTTPS
• The app has a manifest declared
• The manifest has a short_name, 144 pixel icon and a type of 'image/png'

Frequently developers want be able to control when the Add to homescreen prompt is shown to users. This API and example shows you how you can defer the prompt until a later time, in this case when the user clicks the button below. If the button below is disabled, Chrome has chosen now is not a good time to show the prompt.

Below you will see the output of the example.

For testing we encourage you to force the banner to appear by setting the chrome://flags/#bypass-app-banner-engagement-checks flag.

To see if this example works, come back after a few minutes and you will see the banner.