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

Question

什么是

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

做 - 有人可以用一个例子来解释吗？

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

  

除非您这样，否则此元标记无效   首先将全屏模式指定为   在“网址”中描述。

但是哪个网址？

此元标记有什么好处？

Answer 1

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

因此，一旦应用程序处于全屏模式（即用户已将网站添加到其主页），您还可以使用{{1控制页面顶部剩余精简状态栏的颜色这里以红色突出显示：

根据文档：

  

如果内容设置为apple-mobile-web-app-status-bar-style，则状态栏显示正常。如果设置为default，状态栏将显示黑色背景。如果设置为black，则状态栏为黑色且半透明。如果设置为默认值或黑色，则Web内容将显示在状态栏下方。如果设置为black-translucent，则网络内容将显示在整个屏幕上，并被状态栏部分遮盖。

有几点需要注意：

1. 这仅适用于您加载的第一个页面;任何导航到另一个页面将使地址栏和导航按钮重新出现。因此，如果您希望这样做，您必须构建一个单页网站（对于多个'页面'考虑Ajax页面加载方法，例如jQuery Mobile框架中使用的方法）。

2. 仅当您通过应用程序快捷方式图标到达网页时才有效; 如果您直接从Mobile Safari中导航到网站，则无效。

   < / LI>

Answer 2

它会改变顶部的横条和横幅，并使其成为半透明的黑色。