Apple 在Safari HTML 参考中表示，下面的代码应该使网络应用程序在 iPhone OS 2.1 及更高版本上全屏显示。
<meta name="apple-mobile-web-app-capable" content="yes">
但这似乎不起作用。有没有办法在 iPad WebApp 的 Safari 中隐藏标题/位置栏？
问问题
106208 次
6 回答
120
这仅在您将应用程序的书签保存到主屏幕后才有效。如果您只是正常浏览该站点，则不会。
于 2010-06-11T18:14:02.033 回答
16
如果您想留在浏览器中而不启动新窗口，请使用以下 HTML 代码：
<a href="javascript:this.location = 'index.php?page=1'">
于 2011-07-25T16:37:07.537 回答
16
首先，从主屏幕启动 Safari 浏览器，然后转到要全屏查看的网页。
找到网页后，点击屏幕顶部的箭头图标。
在下拉菜单中，点击添加到主屏幕选项。
应显示添加到主页窗口。您可以自定义将在 iPad 主屏幕上显示为标题的描述。完成后，点击添加按钮。
一个新图标现在应该出现在您的主屏幕上。点击图标将以全屏模式打开网页。
注意：iPad 主屏幕上的图标仅在全屏模式下打开书签页面。您访问的下一页将包含 Safari 地址和标题栏。如果网页的源代码包含以下标记，则这种以全屏模式播放网页或 HTML5 演示文稿的方式有效：
<meta name="apple-mobile-web-app-capable" content="yes">
您可以使用第三方工具将此标签添加到您的网页，例如 iWeb SEO Tool 或您喜欢的任何其他工具。请注意，您需要先添加标签，刷新页面，然后将书签添加到您的主屏幕。
于 2013-03-18T22:43:29.087 回答
7
它只会全屏打开第一页（已添加书签）。任何下一页都将打开，地址栏再次可见。无论您在页面标题中放置什么元标记...
于 2011-03-23T22:37:24.430 回答
1
这个站点有一个可行的解决方法，效果相同，使用一些 javascript 将第一个子 div 设置为视口的总高度。 http://webapp-net.com/Demo/Index.html
于 2011-06-28T07:15:46.033 回答