iOS7 Safari中的全屏模式

Question

我正在开发一个使用Sencha的移动网站。在iOS7 Safari中，我无法使顶部地址栏消失&下面的工具栏消失了。Sencha用来处理这个最新的iOS6，但是最近iOS7中的一些变化导致了这个问题。

http://java.dzone.com/articles/safari-ios-7-and-html5

我读过上面的链接&似乎这也是HTML5游戏的一个问题&一些其他的应用程序。为iOS6工作的旧的iOS6()不再起作用。

Answer 1

将minimal-ui添加到元标记viewport中，这将隐藏safari iOS7中的地址栏和浏览器控件：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">

关于移动网站的iOS7和全屏模式的更多信息：http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7

Answer 2

使用iOS 7，我不认为你真的有选择。显然，苹果不希望开发者再这样做了，即使有人找到了另一个解决办法，它也可能不会停留那么久。

老实说，我认为获得全屏功能对用户在主屏幕上安装应用程序是一个公平的选择。显然，在某些情况下，这是不正确的，但我想我觉得这在某种程度上是可以理解的。您仍然应该能够添加以下元标记，并且一旦添加到主屏幕，它将是全屏的：

<meta name="apple-mobile-web-app-capable" content="yes">

有几个不错的库添加了一个“添加到主屏幕”提示，您可以设置为对自定义消息相当低调。在这种情况下，最好是接受改变.