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

Posted 2023-02-22

【中文标题】ios 10 中的 apple-mobile-web-app-status-bar-style

【英文标题】：apple-mobile-web-app-status-bar-style in ios 10

【发布时间】：2017-02-06 12:33:04

【问题描述】：

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

根据苹果开发者网页应用指南 (found here)，网页应用的状态栏有 3 种选择； 默认、黑色和黑色半透明。

默认会生成带有黑色文本的白色状态栏， 黑色会生成带有白色文本的黑色状态栏，并且 Black-translucent 会产生带白色的透明背景 文本。此外，此状态栏浮动在您的内容上方， 这意味着您必须将内容向下推 20px 才能没有 内容与状态栏文本重叠。

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

简单地说，我想要一个带有黑色文本的透明背景（本质上是默认半透明）。这可能吗？

【参考方案1】：

很遗憾，不，您不能在透明背景上使用黑色文本。

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

Apple Documentation 支持的元标记

---

content="default"

---

content="black"

---

content="black-translucent"

【讨论】：

感谢@Matt 的回答，这似乎是Apple 的明显疏忽，但我想我只能等待！

不客气@Brad :-) 我完全同意，我正在开发一个可以作为网络应用程序运行的管理员/仪表板，并希望有更多的控制/选项可用！

我添加了这两个元标记，但由于我的应用程序的黑色导航栏，状态栏黑色文本被隐藏了。 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">我应该怎么做才能获得白色的状态栏文本？

我无法在 iOS 10 上更改状态栏颜色。我还需要使用其他元标记吗？除此链接中描述的以外

developer.apple.com/library/content/documentation/…

【参考方案2】：

目前不可能。我只是想补充一下（在阅读评论后），为了让更改显示出来，至少在我的 iphone X 上，您需要从手机中删除该应用程序，然后将其重新添加到主屏幕。

【讨论】：

该死 - 我花了 2 天时间才重新安装它 - 只是为了显示半透明样式 - 没有动态更新/在页面加载时设置样式。

天哪，每个人都很难得到它

【参考方案3】：

我找到了解决方案！我们可以使用主题颜色元标记来实现。

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