Safari中的iPad WebApp全屏

苹果在Safari的HTML参考文件中说，下面的代码应该是iPhone OS 2.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. find网页后，点击屏幕顶部的箭头图标。

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

4. 应显示“添加到主页”窗口。 您可以自定义在iPad主屏幕上显示为标题的说明。 完成后，点击添加button。

5. 现在应该在主屏幕上出现一个新的图标。 点击图标将以全屏模式打开网页。

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

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

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

Answer 4

它只打开第一个（书签）页面全屏。 任何下一页将打开地址栏再次可见。 无论你把什么元标记放入你的页眉…

Answer 5

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