Safari 中的 WebApp 全屏

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

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

这个站点有一个解决方案，同样的效果，使用一些 javascript 将第一个子 div 设置为 viewport 的总高度。 Http://webapp-net.com/demo/index.html

如果你想呆在浏览器中不启动新窗口，请使用下面的 HTML 代码:

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

1. 首先，从首页启动你的 Safari 浏览器，进入你想全屏观看的网页。

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

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

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

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

注意: iPad 主屏上的图标只能在全屏模式下打开书签页。您访问的下一个页面将包含 Safari 地址和标题栏。 如果网页的源代码包含以下标签，这种以全屏模式播放网页或 HTML5演示文稿的方法便可奏效:

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

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

看来这个帖子的大部分答案都跟不上。IPad 上的 iOS Safari 现在有 全屏支持了，而且用 javascript 实现起来非常简单。

这里是我的完整 文章关于如何实现全屏能力在您的网络应用程序。