apple-mobile-web-app-status-bar-style 有什么作用？

Question

做什么

<meta name="apple-mobile-web-app-status-bar-style" content="black">

做 -- 有人可以举例说明吗？

我在官方的 Safari 开发者库中找到了this line

此元标记无效，除非您 首先指定全屏模式为 在“url”中描述。

但是哪个网址呢？

这个元标记有什么好处？

Answer 1

首先，必须设置apple-mobile-web-app-capable 提示才能使其正常工作。此提示会导致 Web 应用程序以全屏模式运行：它会删除您在 Mobile Safari 中默认获得的地址栏和导航按钮。删除的区域在此处以红色突出显示：

因此，一旦应用处于全屏模式（即用户已将网站添加到其主页），您还可以使用apple-mobile-web-app-status-bar-style 控制页面顶部剩余的细状态栏的颜色，此处以红色突出显示：

根据文档：

如果内容设置为default，状态栏显示正常。如果设置为black，状态栏有黑色背景。如果设置为black-translucent，状态栏为黑色半透明。如果设置为默认或黑色，则 Web 内容将显示在状态栏下方。如果设置为black-translucent，则网页内容显示在整个屏幕上，部分被状态栏遮挡。

几个注意事项：

1. 这仅适用于您加载的首页；任何导航到另一个页面都会使地址栏和导航按钮重新出现。因此，如果您想让它工作，您必须构建一个单页网站（对于多个“页面”，请考虑使用 Ajax 页面加载方法，例如 jQuery Mobile 框架中使用的方法）。

1234563 /li>

Answer 2

它改变了带有横幅和载体的顶部栏，使其变成半透明的黑色。