iOS7 Safari中的全屏模式

Question

我正在使用Sencha Touch开发移动网站.在iOS7 Safari中,我无法使顶部地址栏和下面的工具栏消失.Sencha过去常常处理iOS6,但iOS7最近的一些变化导致了这个问题.

http://java.dzone.com/articles/safari-ios-7-and-html5
我看了上面的链接,看来这也是HTML5游戏和其他一些应用程序的问题.适用于iOS6的旧window.scrollTo()不再有效

因为我一整天都在搜索,所以请不要贬低或关闭这个问题,我发现没什么用处.

Answer 1

添加minimal-ui元标记viewport,这将隐藏Safari 7中的地址栏和浏览器控件:

<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中,我认为你真的没有选择.显然,Apple不希望开发人员再这样做了,即使有人发现了另一种解决方法,它也可能不会长久存在.

老实说,我认为获得全屏功能是用户将应用程序安装到主屏幕的公平交易.显然在某些情况下这是不正确的,但我想我觉得在某种程度上它是可以理解的.您仍然可以添加以下元标记,并且一旦添加到主屏幕就会全屏显示:
<meta name="apple-mobile-web-app-capable" content="yes">

有一些很好的库可以添加一个"添加到主屏幕"提示,你可以设置为自定义消息相当不引人注意.在这种情况下,最好接受改变......