Safari中的iPad WebApp全屏

Question

苹果在Safari HTML reference中表示，下面的代码应该是在iPhone OS2.1和更高版本上使web应用程序全屏。

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

但它似乎不起作用。有没有办法在iPad WebApp中隐藏Safari中的标题/地址栏？

Answer 1

这只有在你将应用程序的书签保存到主屏幕后才有效。如果你只是正常地浏览网站，就不会。

Answer 2

如果您希望停留在浏览器中而不启动新窗口，请使用以下HTML代码：

<a href="javascript:this.location = 'index.php?page=1'">

Answer 3

1. 首先，从主屏幕启动Safari浏览器，然后转到要全屏查看的网页。
2. 找到网页后，点击屏幕顶部的箭头图标。
3. 在下拉菜单中，点击添加到主屏幕选项。
4. 应显示添加到主页窗口。您可以自定义将在iPad主页屏幕上显示为标题的说明。完成后，单击Add按钮。
5. 主屏幕上将出现一个新图标。点击图标将以全屏模式打开网页。

注意: iPad主屏幕上的图标仅在全屏模式下打开书签页面。您访问的下一个页面将包含Safari地址和标题栏。如果网页的源代码包含以下标签，则以全屏模式播放网页或HTML5演示文稿的方式可以正常工作：

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

您可以使用第三方工具将此标签添加到您的网页，例如iWeb搜索引擎优化工具或任何其他您喜欢的工具。请注意，您需要首先添加标签，刷新页面，然后在主屏幕上添加书签。