【发布时间】：2018-08-27 03:28:18
【问题描述】：
是否可以在 iOS 11.3 Beta 6 上更改 Progressive Web App 中状态栏的颜色？尝试在manifest.json 文件中更改background_color 和theme_color 的十六进制代码，但我无法实现任何更改。
【问题讨论】：
【发布时间】：2018-08-27 03:28:18
【问题描述】：
你可以使用
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
使状态栏透明（不是不可见）并在状态栏后面使用您喜欢的任何颜色的 div。 Framework 7 通过允许你改变颜色来做到这一点
<div class="statusbar" />
用于自定义 ios 状态栏。 附带说明一下，您可能还需要在头部正确添加元视图端口标签。例如
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
状态栏不需要此标签，但使用启动屏幕或加载屏幕时。 medium 的一位用户写了一篇关于设置启动画面的文章。
<meta name="apple-mobile-web-app-capable" content="yes">
另外，由于苹果对 manifest 文件的支持有限，并且过去更改了对 pwa 的支持，这些标签最终可能会被弃用，它们最终可能会正确使用 manifest.json 文件。
【讨论】：