Manifest all the things

Web manifests are an essential part of what makes a PWA a PWA. They tell the browser things like what icon should be used when the user adds your PWA to the homescreen, what theme color and splashscreen color should be used, what the name of your PWA is etc etc. Without a web manifest users of your PWA will not be prompted by the browser to add it to the homescreen and if the user manually adds it to the homescreen they will not get a pretty icon and the proper name of your PWA. Also, chrome will not be able to color the browser bar to match your PWA's theme or display a splashscreen when a user opens your PWA from the homescreen. Because of all this, you can see why it is essential for a PWA to include a web manifest. Luckily in Ionic we make this extremely easy, see a trend here (; .

If you look in the `src/index.html` file in your app you will see this line of html https://github.com/driftyco/ionic2-app-base/blob/master/src/index.html\#L11. This is the html that links your web manifest to your PWA. There are no changes to be made here, its already there for you and does not even need to be un-commented out this time! Next, if you look at `src/manifest.json` you will see your web manifest. We already have all the essential options added to it, you just need to go through and change the info to match your PWA. Once this is done, boom, you now have a ready to go manifest for your Ionic PWA!

results matching ""

    No results matching ""