No Manifest Detected, I want to get 'Add To Home Screen' button displayed No Manifest Detected, I want to get 'Add To Home Screen' button displayed google-chrome google-chrome

No Manifest Detected, I want to get 'Add To Home Screen' button displayed


Depending on the type of your application, you will need to include the link tag referencing the manifest on every page, or put the link tag in a component that can be included in every page, like a common header or footer. This is likely why it disappears when you navigate to another page. It sounds like this may not be the issue, if you see it on every page already.

The other issue could be the slash before the manifest.json. When you're on the homepage, adding the slash is referencing the page you're on, but on other pages it may not map to the correct place. You can test this theory in Chrome Dev Tools (Network tab) to see if it is actually finding the manifest on other pages or not. It will have a 404 error and turn red if it isn't finding it. This is more likely the cause of your issue.

Another possibility is I've seen the dev tools NOT find a manifest when there is one, I think because the cache doesn't always update correctly. If this is the case, you can long press on the refresh button (while dev tools is open) and select "Empty Cache and Hard Reload" and that seems to make it pay attention to the manifest being there if it is ignoring it. With the service worker, as far as I understand, registering it is just telling your app that it is there, and it doesn't need to have any code in it to work. The idea is of course to add code later to do things like push notifications and background sync, but that isn't required to register the sw. It is giving the app a heads up that this thing is happening whether or not you choose to use it.

I agree the documentation and tutorials on PWAs is sketchy and even google's docs are hard to wade through. I'm definitely in the same boat with some of this stuff.

There is a great Udemy course on PWAs by Maximilian Schwarzmüller Progressive Web App The Complete Guide which explains the service worker in great detail, what it does and how to use it for practical things in case you'd find it useful. Not sponsored, I've paid for the course myself and got a lot out of it.


Chrome does not detect manifest beyond the initial page load (which is bad). If manifest is not detected, close devtool and reopen it will force Chrome to detect manifest again.