iPhone WebApps,有没有办法检测它是如何加载的？主屏与Safari？

Question

我有一个iPhone Web App,我有兴趣检测应用程序是否从以下位置加载:

1. iPhone Safari
2. iPhone安装的网络应用程序(通过添加到我的主屏幕)加载没有safari栏.

有任何想法吗？

Answer 1

您可以使用window.navigator.standalone只读布尔值JavaScript属性确定网页是否以全屏模式显示.https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

}

Answer 2

您可以通过Javascript检测模式,如上所述 - 或者您可以使用PHP和用户代理.

<?
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.');
}
?>

请享用!