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

时间:2019-09-30 15:46:07

标签: html css progressive-web-apps ios13 ios-darkmode

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

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

有任何解决方法吗?

谢谢!

black-translucent - shows white text - ios12 black-translucent - shows black text - ios13

1 个答案:

答案 0 :(得分:0)

black-translucent似乎是此元标记的折旧值。用户在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中他们将其完全删除了。