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

【问题标题】：PWA - Status bar background and text color on IOS 13 dark-modePWA - IOS 13 暗模式下的状态栏背景和文本颜色
【发布时间】：2020-01-29 22:41:41
【问题描述】：

在 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

【问题讨论】：

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

【解决方案1】：

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

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

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

【讨论】：