3

我正在使用 jQTouch 开发针对 iphone 上的 safari 优化的网站版本。jQTouch 演示很有帮助地展示了如何为不使用全屏模式的用户显示“安装此”消息，并为使用全屏模式的用户隐藏它。在全屏模式下，主体应该具有“全屏”类。因此，您可以通过将此 css 规则添加到您的样式表中，为已经将您的应用程序添加到其主页的人隐藏“安装此”消息：

body.fullscreen #home .info {
    display: none;
}

我想做的是要求用户仅在全屏模式下使用该应用程序。从常规浏览器查看时，他们应该只会看到一条消息，要求他们安装应用程序。该消息当然应该隐藏，否则。

这应该非常非常容易，所以我一定是遗漏了一些明显的东西。

我认为这样做的一种方法是简单地测试身体上的“全屏”类：如果它不存在，使用 goTo 到另一个 div，或隐藏其他 div，或类似的东西。

然而，奇怪的是，这不起作用。作为测试，我仍然得到原始的“信息”消息，就像在 jQTouch 演示中一样，当我以全屏模式启动时它没有显示。所以body必须有全屏类。但是我找不到它的任何其他痕迹：当我在文档加载后将此警报用于测试时，在全屏模式下启动时我什么也得不到：

alert($("body").attr("class"));

我还认为我可以通过检查 fullScreen 布尔值来测试全屏模式。但这似乎也不起作用。我错过了什么？做这个的最好方式是什么？

4

1 回答 1

2

好吧，我不知道为什么标准方式不起作用，但是 jQTouch Google Group 上的某个人建议这样做，它有效：

    if (window.navigator.standalone) {
   alert ('Thanks for launching this app your home screen')
} else {

   alert('Add this app to your home screen for the best experience')

}
于 2010-03-12T19:15:44.143 回答