Javascript 在web应用程序中隐藏iPhone状态栏？

有没有办法禁用iPhone web应用程序中的状态栏？我正在做一些需要固定全屏视图的工作，而状态栏相当烦人。

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

这是不可能的。

我看到您可能必须从主屏幕中删除web应用程序，然后再次添加它，如果您添加了meta标记，它将产生任何影响。为我工作。

不幸的是，没有。只有两个选项

黑色

和

黑色半透明

。只需注意，使用

黑色半透明

时，部分网架将在状态栏下部分可见，而使用

黑色

实际上会向下推动网架，因此其高度会稍微小一些

这是苹果在他们的报告中所说的：

除非您首先按照中所述指定全屏模式，否则此元标记无效

如果

content

设置为

default

，则状态栏显示正常。如果设置为

黑色

，则状态栏的背景为黑色。如果设置为黑色半透明，则状态栏为黑色半透明。如果设置为

默认值

或

黑色

，则web内容将显示在状态栏下方。如果设置为

黑色半透明

，则web内容将显示在整个屏幕上，部分被状态栏遮挡。默认值为

default

---

它是在iOS 7.1中添加的

只需将最小ui添加到视口元标记，例如：

摘自这里：

请注意，据我所知，这只适用于iPhone，而不是iPad。我能找到的最接近的（iOS7，我认为iOS6会显示变暗的状态栏）显示状态栏，但背景透明，不会向下推页面内容；因此，你可以在应用程序顶部看到网络连接时间、电池电量百分比和时间

meta tags:
name="apple-mobile-web-app-capable" content="yes"
name="apple-mobile-web-app-status-bar-style" content="black-translucent"

此外，要查看任何更改，您需要从主屏幕中删除应用程序，然后重新添加

如andyg303所述：

minimal ui可能在beta版上运行，但经过测试，在iPhone（iOS 7.1.2 4s）或iPad（v2 7.1.2）上无法运行

可能是部分解决方案：

---

您可以看到，状态栏上的文本可以隐藏在白色背景中，但当您滚动时，文本仍将存在。

至少到目前为止，这是可能的。 您需要向index.html添加

manifest.json

：

<link rel="manifest" href="manifest.json">

---

起始url和作用域必须相同，或者起始url至少在作用域内。如果随后将应用程序另存为设备上的渐进式Web应用程序，则范围内的所有页面都将显示，而不显示状态栏。

您是说顶部的状态栏吗？我认为在Web应用程序中不可能这样做。“如果内容设置为是，则web应用程序以全屏模式运行；否则，它不会。默认行为是使用Safari显示web内容。您可以使用window.navigator.standalone只读布尔JavaScript属性确定网页是否以全屏模式显示。“全屏”的定义并不隐藏状态栏。window.navigator.standalone=true，状态栏仍然存在。但是，请转到并提交此增强功能的请求，增加足够的权重最终将导致Apple实现它。它不是一个包-它是一个功能。它肯定不是一个包。解决方法建议：使用半透明模式，将页面背景设置为白色，并从顶部添加一些边距。：）

<link rel="manifest" href="manifest.json">

{
   "name": "Your App-name",
   "short_name": "short",
   "display": "standalone",
   "orientation": "landscape",
   "start_url": "http://linkToYourSite:4200",
   "scope": "http://linkToYourSite:4200",
   "icons": [{
        "src": "assets/images/logo.png",
        "sizes": "64x64",
        "type": "image/png"
    }]
}