PWA-IOS 13暗模式下的状态栏背景和文本颜色

Bul*_*osa 6 html css progressive-web-apps ios13 ios-darkmode

苹果在新的IOS 13上引入了暗模式之后,我的PWA状态栏颜色遇到了一些麻烦。

我曾经将“ apple-mobile-web-app-status-bar-style”设置为“ black-translucent”,以使状态栏上带有白色文本的透明背景。现在,根据用户系统主题(浅色或深色),文本颜色从白色变为黑色,反之亦然。由于我的布局使用深色背景,因此结果是在“几乎黑色”背景上显示黑色文本。

任何解决方法?

谢谢!

黑色半透明-显示白色文本-ios12 黑色半透明-显示黑色文本-ios13

Fab*_*ian 2

black-translucent似乎是这个元标记的折旧值。根据用户“furvy”在 apple.com 上的一次讨论中的说法:https://forums.developer.apple.com/thread/89471。他说:

今天,当我查看我的一个 Web 应用程序时,我在 Safari 远程调试器中注意到了这一点……“black-translucent”是一个已弃用的 apple-mobile-web-app-status-bar-style 值。未来版本中将删除对此值的支持。[...]

这对我的 PWA 来说也很烦人,但这个答案是在 2017 年的,所以可能由于 iOS 12 中的错误它仍然有效,但在 iOS 13 中他们完全删除了它。