ios 10中的apple-mobile-web-app-status-bar风格

Question

我知道之前已经问过这个问题,只是想知道在ios 10(和ios 9)中是否仍然如此......

根据苹果开发人员针对网络应用程序的指南(在此处找到),网络应用程序中的状态栏有3种选择; 默认,黑色和黑色半透明.

1. 默认结果是带有黑色文本的白色状态栏,
2. 黑色会产生带有白色文字的黑色状态栏
3. 黑色半透明导致透明背景与白色文本.此外,此状态栏会浮动在您的内容之上,这意味着您必须将内容降低20px才能使内容与状态栏文本重叠.

我真的很喜欢使用黑色半透明状态栏(因为我觉得它看起来更原生),但我的页面背景是浅灰色.这使得此状态栏上的白色文本很难阅读.

简而言之,我只是喜欢带有黑色文字的透明背景(基本上是默认的半透明).这可能吗？

Answer 1

不幸的是,不,你不能在透明背景上有黑色文字.

我认为这将在某个时候添加到模式中,并且发现你现在无法实现这个例子的痛苦.我想简而言之,答案就是设计你的虚假应用程序,以便更好地控制其行为和外观.

Apple文档支持的元标记

content="default"

content="black"

content="black-translucent"

Answer 2

我找到了解决方案！我们可以通过主题颜色元标记来实现这一点。

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

Answer 3

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