iPhone WebApps, is there a way to detect how it wa

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

Can be simplified to var webApp = window.navigator.standalone || false;

Can be simplified again to var webApp = window.navigator.standalone;

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!