2014 年 9 月更新:iOS 8 删除了该minimal-ui
功能
除了依赖默认的浏览器行为之外,再没有办法删除/隐藏导航栏(滚动时栏将隐藏,但前提是滚动元素是BODY
页面的元素)。唯一的“解决方法”是将应用程序保存到主屏幕并设置正确的元标记(见下文)。
2014 年 8 月更新:iOS 8(测试版)不再支持minimal-ui
. 没有解决方法。(造成这种情况的原因可能是网站滥用它来试图阻止人们导航,尽管 iOS 8 Safari 中可能有尚未公开的新功能取代了minimal-ui
。)
iOS 7.1 增加了一个新的 API 来解决这个问题:
<meta name="viewport" content="minimal-ui">
默认情况下,这个新的视口标志会隐藏 Safari UI(仅显示带有 URL 和 SSL 指示符的小标题栏)。要访问 Safari UI,用户必须主动点击此标题栏。
请注意,在 iOS 7.0.x 上,没有 API 或已知的解决方法。在这些版本中,如果您想永久隐藏 Safari 的浏览器 chrome,您需要让用户将 Web 应用程序添加到主屏幕(使用适当的元标记集<meta name="apple-mobile-web-app-capable" content="yes">
)或使用某种本机应用程序包装器,如 Phonegap 并通过分发应用商店。
就我个人而言,我希望他们没有删除他们在 iOS 6 Mobile Safari 上以横向模式引入的“全屏”按钮,这是一个让开发人员和用户满意的出色解决方案。
要更永久地解决此问题,Mobile Safari 将支持 HTML5 全屏 API(OS X 上的 Safari 支持该 API!)。唉,现在没有支持,而且从历史上看,iOS 点版本没有添加新的 Safari 功能,所以也许这适用于 iOS 8。