更改 iOS 10 个网络应用程序状态栏

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">

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

不过我还没有测试过。

Change iOS 10 web app status bar