Safari中的iPad WebApp全屏

苹果公司在报告中说，下面的代码应该可以使iPhone OS 2.1及更高版本的网络应用程序全屏显示

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

---

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

只有在您将书签保存到应用程序的主屏幕后，此功能才有效。如果您只是正常浏览网站，则不会。它只会全屏打开第一个（带书签的）页面。 任何下一页都将打开，地址栏将再次可见。

---

无论您在页面标题中添加了什么meta标记…

此网站有一个解决方案，效果相同，使用一些javascript将第一个子div设置为视口的总高度。

---

如果您想在不启动新窗口的情况下保持在浏览器中，请使用以下HTML代码：

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

首先，从主屏幕启动Safari浏览器并转到要全屏查看的网页

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

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

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

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

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

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

---

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

此线程上的大多数答案似乎都没有跟上。iPads上的iOS Safari现在已经有了，使用javascript实现起来非常容易

---

下面是我关于如何在web应用程序上实现全屏功能的完整介绍

这似乎与手头的问题或主题无关。也许你能解释一下它是怎么联系的？非常相关。这始终是web应用程序全屏显示后的下一个问题。对我来说，下一个问题是“既然页面处于全屏模式，如何刷新页面？”如果您将此元标记添加到之前在Safari上浏览过的旧url网页，您需要先刷新url，然后将其添加到主屏幕以使meta标记正常工作。这对我在laravel项目中不起作用。我将此添加到我的app.blade布局模板中。我的每一页都会用到这个标题，所以标题应该（并且确实）出现在每一页上。然而，我的iPhone和iPad上仍然有Safari条，即使在做了很多测试以清除缓存、重新创建主屏幕快捷方式（如本文所述）之后。还有什么可以阻止狩猎酒吧藏匿的吗？这是我的app.blade.php文件的头部部分。提前谢谢。你可以说这是在：-）找到的指令的直接副本，也许他们复制了我的指令。：）看看我回答这个问题的日期，并将其与他们的出版日期进行比较。干杯！这是一种你。：）