2011-07-05 23 views
22

是什么什么是苹果的移动web应用程序状态栏式的吗?

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

做的 - 有人可以用一个例子解释一下吗?

我发现this line在官方Safari浏览器开发人员库

这个元标记没有影响,除非你 首先指定全屏模式,如描述 “URL”。

但其网址是什么?

这是什么meta标签的好处?

+0

只需对#1发表评论。只要您在下一页加载苹果iphone/ipad元标记,它就会继续隐藏地址栏和导航按钮。我的问题是,设置:''完全没有效果。我宁愿如果有办法完全隐藏状态栏。我明天将继续对此进行研究。 :-) – 2011-10-30 22:20:46

+0

'我宁愿如果有办法完全隐藏状态栏'可以这样做吗? – Ash

回答

46

首先,apple-mobile-web-app-capable提示有该被设置为甚至工作。此提示会导致Web应用程序以全屏模式运行:它将移除Mobile Safari中默认获取的地址栏和导航按钮。被移除的区域以红色突出显示在这里:

apple mobile web app capable

因此,一旦一个应用程序是全屏模式(即用户已添加网站到他们的主页),还可以控制的颜色在与apple-mobile-web-app-status-bar-style页面顶部的剩余薄的状态栏,红色突出显示在这里:

apple mobile web app status bar style

每文档:

如果含量设定为default,状态栏显示正常。如果设置为black,状态栏的背景为黑色。如果设置为black-translucent,则状态栏为黑色且半透明。如果设置为默认或黑色,则Web内容显示在状态栏下方。如果设置为black-translucent,网页内容显示在整个屏幕上,通过状态栏部分遮蔽。

需要注意几个问题:

  1. 第一页面加载在这只作品;任何导航到另一个页面将使地址栏和导航按钮重新出现。所以,如果你想要这个工作,你必须建立一个单一的网页(对于多个'网页'考虑一个Ajax页面加载方法,如在jQuery Mobile框架中使用的方法)。

  2. 这只能当你在网页通过一个应用程序快捷方式图标到达;如果您直接从Mobile Safari内导航到网站,则不起作用。

+0

因此,只有当用户从桌面快捷方式打开网站时才有效。当用户通过在地址栏中输入网址第一次打开网站时,它不会有效,对吗? –

+1

@Jitendra Vyas:这是正确的 – Ben

+0

那么它只能用于网络应用程序,因为在网站中如果用户想要将任何内部页面加入书签,将不可能,因为底部栏不会出现。 –

0

它改变顶部的酒吧w /横幅和载体上,使它成为一个半透明的黑色。

相关问题