如何在页面加载时隐藏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

Answer 2

这将告诉Safari浏览器以全屏模式运行

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

快乐编码：）