Safari中的iPad WebApp全屏

苹果在Safari HTML参考中表示，以下代码应可使iPhone OS 2.1及更高版本上的Web应用全屏显示。

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

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

仅在将书签保存到应用程序到主屏幕后，此功能才有效。如果您只是正常浏览该站点，则不会。

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

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

1. 首先，从主屏幕启动Safari浏览器，然后转到要全屏查看的网页。

2. 找到网页后，点击屏幕顶部的箭头图标。

3. 在下拉菜单中，点击添加到主屏幕选项。

4. 应显示“添加到主页”窗口。您可以自定义将以标题显示在iPad主屏幕上的描述。完成后，点击添加按钮。

5. 现在，新图标应出现在您的主屏幕上。轻触图标将以全屏模式打开网页。

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

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

您可以使用第三方工具（例如iWeb SEO工具或您喜欢的任何其他工具）将此标签添加到您的网页中。请注意，您需要先添加标签，刷新页面，然后将书签添加到主屏幕。

它只会全屏打开第一页（带书签）。将打开任何下一页，并且地址栏将再次可见。无论您将什么元标记放入页面标题中...

这个网站有一个可行的解决方法，具有相同的效果，它使用一些JavaScript将第一个子div设置为视口的总高度。 http://webapp-net.com/Demo/Index.html

似乎该线程上的大多数答案都没有跟上。iPad上的iOS Safari现在具有全屏支持，并且使用JavaScript实施非常容易。

这是我的全文，内容涉及如何在Web应用程序上实现全屏功能。