html5移动网络应用程序添加到主屏幕问题

Question

我有一个webapp，它在分配给用户主屏幕（ios）时看起来很不错，但是从safari进入它时效果不佳。有没有办法控制在仅从safari访问webapp时运行哪些脚本/项？然后从主屏幕启动时运行一个单独的脚本/代码？

Answer 1

我认为从主屏幕链接启动时，网页设置为不使用地址栏等。并且你想要检测何时没有以这种方式启动（以纠正较小的垂直空间等）。

然后您要检测的是“应用模式”或“独立模式”。 This site seems to explain quite well how to detect it

（如果此链接将来死亡）本质上是测试

if ( ("standalone" in window.navigator) && !window.navigator.standalone ){
  // Not standalone/fullscreen here (visiting from safari)
}else{
  //Fullscreen mode (launched from homescreen)
}