PWA: How to access client's locally stored version of manifest.json

Question

In an pwa project I'm shipping an user specific manifest.json (start_url has an indiviual parameter per user).

I am currently storing this parameter in a cookie when the app is launched / start_url is browsed. But if the app cache is cleared for some reason and the user browses a subsite, the parameter is lost.

So is it possible to read the value of start_url from the client's localy stored version of manifest.json using javascript?

Answer 1

You can fetch them using Fetch API . Path of manifest.json can be found where you imported in html file. Eg: <link rel="manifest" href="/manifest.json">

fetch('/path/to/your/manifest.json')
    .then(res => res.json())
    .then(json => {
        console.log(json.start_url)
        // ... use them ...
    })