苹果移动Web应用程序状态栏样式是什么？

Question

这句话的意思是什么？

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

请问有人能够举个例子来解释一下 do 吗？

我在官方 Safari 开发者文库中找到了这行代码

这个 meta 标签只有在你像 "url" 中描述的那样首先指定全屏模式才会生效。

但是，“url”是什么？

这个 meta 标签有什么好处？

- Jitendra Vyas

---

仅就＃1发表一点评论。只要您在下一页中加载了苹果iPhone / iPad元标记，它将继续隐藏地址栏和导航按钮。我的问题是设置：<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />根本没有任何影响。我希望有一种方法可以完全隐藏状态栏。我明天会继续研究的。 :-) - user1021155

我更喜欢有一种方法可以完全隐藏状态栏，这是否可行？ - Mazatec

Answer 1

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

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

根据文档：

  

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

一些注意事项：

1. 仅在加载第一个页面时有效；导航离开到另一页将使地址栏和导航按钮重新出现。所以，如果要使其正常工作，您必须构建一个单页网站（对于多个“页面”，请考虑使用 jQuery Mobile 框架中使用的 Ajax 页面加载方法）。
2. 仅当您通过应用程序快捷方式图标进入网页时才有效；如果您直接从移动 Safari 中导航到网站，则无效。

- Ben

---

所以它只在用户从桌面快捷方式打开网站时才起作用。当用户第一次通过在地址栏中输入URL打开网站时，它将无效，我是对的吗？ - Jitendra Vyas

如果用户想要收藏内部页面，网站底部栏不会出现，因此只应该与Web应用程序一起使用。 - Jitendra Vyas

Answer 2

它会更改顶部栏上的横幅和运营商，并使其变成半透明黑色。

- Anonymous