我正在使用 jQTouch 开发针对 iphone 上的 safari 优化的网站版本。jQTouch 演示很有帮助地展示了如何为不使用全屏模式的用户显示“安装此”消息,并为使用全屏模式的用户隐藏它。在全屏模式下,主体应该具有“全屏”类。因此,您可以通过将此 css 规则添加到您的样式表中,为已经将您的应用程序添加到其主页的人隐藏“安装此”消息:
body.fullscreen #home .info {
display: none;
}
我想做的是要求用户仅在全屏模式下使用该应用程序。从常规浏览器查看时,他们应该只会看到一条消息,要求他们安装应用程序。该消息当然应该隐藏,否则。
这应该非常非常容易,所以我一定是遗漏了一些明显的东西。
我认为这样做的一种方法是简单地测试身体上的“全屏”类:如果它不存在,使用 goTo 到另一个 div,或隐藏其他 div,或类似的东西。
然而,奇怪的是,这不起作用。作为测试,我仍然得到原始的“信息”消息,就像在 jQTouch 演示中一样,当我以全屏模式启动时它没有显示。所以body必须有全屏类。但是我找不到它的任何其他痕迹:当我在文档加载后将此警报用于测试时,在全屏模式下启动时我什么也得不到:
alert($("body").attr("class"));
我还认为我可以通过检查 fullScreen 布尔值来测试全屏模式。但这似乎也不起作用。我错过了什么?做这个的最好方式是什么?