PWA Openning in Bowser mode while being in Standalone mode

Question

We built a Progressive Web App from an existing angular 4 project. everything worked well till we added the manifest file. When you access the App from the brow

Answer 1

There's probably something wrong with some other part of your application.

The manifest is just one part - if the other parts, such as the serviceworker JavaScript file aren't configured correctly, or the JavaScript that connects to the service worker aren't pointing in to the right place, then the app doesn't meet all of the criteria to be a full PWA.

If it doesn't meet all of the criteria, then it won't necessarily be given all of the functionality of a full PWA.

Use the Google Lighthouse tool to verify your application is configured correctly: https://developers.google.com/web/tools/lighthouse/

Another good hint that it isn't correctly configured, is that when you navigate to the website for the first time on a Chrome browser, it doesn't prompt you to add the app to your desktop. Also, if you manually add it to your desktop, if the desktop icon has a small Chrome icon inside it, then this is also an indication it doesn't meet the full requirements of a PWA.