Chrome for Android - add web app to home screen
A couple of things to check:
- Ensure you have a
start_url
in your manifest that defines the page to launch. - Ensure that you have a
<link rel=manifest>
in your page - Ensure the image URL's all resolve correctly based on the manifest location
- Preferably have a 192px icon, 144 is the minimum
Mounir Lamouri has created a manifest validator that you can use to check your manifest is correct.
You should also enable chrome://flags/#bypass-app-banner-engagement-checks if you are using Chrome so that you get a quicker warning or visibility of any issues. Finally you can look in the Dev Tools console on any page load and an error will be shown indicating why the banner wasn't shown.
There is also a lot of guidance on developers.google.com
- Using App Install Banners
- Create a manifest file including a short_name, icons and launch_url
- Link to the manifest file from the page
- Web App Install Banner
- Optionally include extra information such as the
background_color
andtheme_color
.
- Optionally include extra information such as the
- Listening to events on App Install banner
- Learn when Chrome thinks it can prompt for install and then offer the ability to defer it until a more appropriate time.
- Understand if the user has accepted or rejected the prompt by looking at the response in the
onbeforeinstallprompt
event.
In general I'd recommend pasting your manifest into this to ensure it doesn't have any errors: http://mounirlamouri.github.io/manifest-validator/
If using Chrome with chrome://flags/#bypass-app-banner-engagement-checks enabled, you can look in the console on any page load and an error will be shown indicating why the banner wasn't shown.