如何在 jQTouch 应用程序中要求全屏模式？

Question

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

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

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

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

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

然而奇怪的是，这不起作用。作为测试，我仍然收到原始的“信息”消息，如 jQTouch 演示中所示，并且当我以全屏模式启动时它不会显示。因此主体必须具有全屏类。但我找不到它的任何其他痕迹：当我在文档加载后放置此警报来测试内容时，在全屏模式下启动时我什么也得不到：

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

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

Answer 1

好吧，我不明白为什么标准方法不起作用，但 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')

}