Question

I have an iPhone Web App, and I’m interested in detecting if the app was loaded either from:

1. iPhone Safari
2. iPhone installed web app (via the add to my home screen) which loads without the safari bars.

Any ideas?

Answer 1

You can determine whether a webpage is displayed in full-screen mode using the window.navigator.standalone read-only Boolean JavaScript property. https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

if (window.navigator.standalone) {
    // fullscreen mode

}