PWA - iOS 更改状态栏颜色

Question

是否可以在 iOS 11.3 Beta 6 上更改渐进式 Web 应用程序中状态栏的颜色？试图改变的十六进制代码background_color，并theme_color在中manifest.json文件，但我不能达到任何变化。

Answer 1

那么你可以使用

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

此外，由于 Apple 对清单文件的支持有限，并且过去更改了对 pwa 的支持，这些标签最终可能会被弃用，最终它们可能会正确使用 manifest.json 文件。