iOS7 Safari中的全屏模式

时间:2013-12-19 09:52:09

标签: ios ios7 sencha-touch mobile-safari

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

http://java.dzone.com/articles/safari-ios-7-and-html5
我阅读了上面的链接&对于HTML5游戏而言,这似乎也是一个问题。一些其他应用程序。 适用于iOS6的旧window.scrollTo()不再有效

因为我一整天都在搜索,所以请不要贬低或关闭这个问题。我没有发现任何有用的东西。

2 个答案:

答案 0 :(得分:9)

在您的元标记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

答案 1 :(得分:5)

对于iOS 7,我认为你真的没有选择。显然,Apple不希望开发人员再这样做了,即使有人发现了另一种解决方法,它也可能不会长久存在。

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

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