10

我正在尝试使用

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

标签让 iOS Safari 显示没有浏览器内容的页面;至少,这是我认为它应该为我做的。(Apple 文档没有详细介绍。)

到目前为止,我无法让它做任何事情。这是一个 JSBin 示例。 无论<meta>有无标签,页面都会出现在 iPod Touch 和 iPad 2 上,浏览器内容位于顶部(小屏幕底部)。

为了影响浏览器,还有其他事情需要发生吗?还是我对它应该如何工作的期望不正确?(请注意,通过 weinre,我检查了“windows.navigator.standalone”标志,它似乎是false。)

4

2 回答 2

6

只有当用户将指向您的应用程序的链接添加到他们的主屏幕时,这才符合您的要求。

对于浏览器内的情况,一种常见的方法是添加一个调用window.scroll(0,1),将浏览器的内容从屏幕顶部移开。(没有办法清除底部的东西。)

此外,您可能希望标签表明您不想缩放:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" />
于 2012-10-04T19:32:48.363 回答
3

元标记的作用是当您在浏览器中查看页面时,它会添加一个选项以将您的页面添加到主屏幕。当您通过主屏幕快捷方式打开页面时,它将处于全屏状态,并且 navigator.standalone 将设置为 true。这就是人们在谈到全屏模式时所指的内容。

于 2012-10-04T19:34:08.483 回答