Possible to have multiple `manifest.json` for PWA?

9k views Asked by At

Consider I have:-

  • PWA at myapp.firebaseapp.com with it's own manifest.json.
  • Admin for the PWA at myapp.firebaseapp.com/admin

Is it possible to have another manifest.json for the admin URL to allow "Add to Home Screen" on the same PWA?

2

There are 2 answers

3
Jeff Posnick On

Sure; the manifest for a given page is determined by the presence of a DOM element with details about the manifest's location.

Assuming you have full control over the HTML for /admin and for all other pages, you can include <link rel="manifest" href="/path/to/admin-manifest.json"> in the HTML for /admin, and <link rel="manifest" href="/path/to/user-manifest.json"> in the HTML for other pages.

Each of the manifests can include, e.g., a different start_url value so that they take the user to a different initial page.

1
jhummel On

Old questions, but I want to add to the conversation in case anyone else gets here via Googling - It's possible to remove the start_url completely from your manifest, and the default behavior should be to open your PWA to whatever page the user was on when he saved the app to the device home screen. This ended up being a better solution in my case, ymmv.