更改iOS 10 Web应用程序状态栏

Question

我正在使用 iOS 10 （使用 Framework 7 ）的网络应用，我想更改的默认黑色状态栏。

我试过了：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

但是它不起作用......我该怎么办？

谢谢！

Answer 1

在CSS中尝试这个

.statusbar-overlay {
background: black;

}

Answer 2

要获得带有黑色文本的灯光状态栏，请使用：

<meta name="apple-mobile-web-app-status-bar-style" content="default">

要获得带有白色文本的黑色状态栏，请使用：

<meta name="apple-mobile-web-app-status-bar-style" content="default">

要使用白色文本获取透明状态栏，请使用：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

请参阅this link

如果您想要半透明状态栏，可以添加固定在页面顶部的20px高栏。我会查询该应用程序是否处于全屏模式：您可以使用window.navigator.standalone只读布尔值JavaScript属性确定网页是否以全屏模式显示。

我还没有测试过这个。