iPhone WebApps, is there a way to detect how it was loaded? Home Screen vs Safari?

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  } 

Answer 2

You can detect the mode via Javascript as described above - or you can use PHP and the user agent.

<? if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),"iphone")) {    if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),"safari")) {       echo('Running in browser on iPhone');    }else{       echo('Running as stand alone WebApp on iPhone');    } }else{    echo('Running on device other than iPhone.'); } ?> 

Enjoy!