Safari中的iPad WebApp全屏

Question

Apple在Safari HTML参考中说,下面的代码应该在iPhone OS 2.1及更高版本上全屏显示web-app.

 <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主屏幕上显示为标题的说明.完成后,点击"添加"按钮.

5. 现在,主屏幕上应显示一个新图标.点击图标将以全屏模式打开网页.

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

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

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

Answer 4

它只打开第一个(书签)页面全屏.将打开任何下一页,地址栏再次可见.无论你在页面标题中添加什么元标记......