javascript - 如何在页面加载时隐藏 iPad 栏？

Question

我需要帮助了解如何在加载页面时隐藏 iPad 地址栏或顶部的整个地址栏。

我正在开发基于在线客户管理系统的系统，需要隐藏 iPad 地址栏，因为它在查看网站时会占用大量空间。

问候涡流

已经尝试了以下代码，但没有。

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width">

Answer 1

iPad 的 Safari 的地址栏可以仅如果您通过添加以下内容使您的网页成为“网络应用程序”，则可以隐藏:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

并将其添加到主屏幕:

http://jsfiddle.net/DerekL/djc8D/show