ios 10 中的 apple-mobile-web-app-status-bar-style

Question

我知道之前有人问过这个问题，只是想知道在 ios 10（和 ios 9）中是否仍然如此…

根据 apple developer guidelines for web apps（ 可在此处找到），web 应用程序中的状态栏有 3 种选择； 默认， 黑色 和 黑色半透明。

1. 默认 结果是带有黑色文本的白色状态栏，
2. 黑色 导致带有白色文本的黑色状态栏，并且
3. 黑色半透明 会产生带有白色文本的透明背景。此外，此状态栏浮动在您的内容上方，这意味着您必须将内容向下推 20 像素，以免内容与状态栏文本重叠。

我真的很想使用黑色半透明状态栏（因为我认为它看起来更原生），但我的页面背景是浅灰色。这使得状态栏上的白色文本很难阅读。

简而言之，我只想要一个带有黑色文本的透明背景（本质上是 default-translucent ）。这可能吗？

原文由 Brad 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不幸的是， 不，你不能在透明背景上使用黑色文本。

我认为这将在某个时候添加到架构中，并且发现您现在无法实现此示例也很痛苦。我想简而言之，答案是在本地设计你的人造应用程序，以更好地控制它的行为和外观。

Apple 文档 支持的元标记

---

content="default"

---

content="black"

---

content="black-translucent"

原文由 Matt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我找到了解决方案！我们可以使用 theme-color 元标记来实现。

 <meta name="theme-color" content="#fff">

原文由 theMukhiddin 发布，翻译遵循 CC BY-SA 4.0 许可协议