<meta name="apple-mobile-web-app-status-bar-style" content="black">
做的 - 有人可以用一个例子解释一下吗?
我发现this line在官方Safari浏览器开发人员库
这个元标记没有影响,除非你 首先指定全屏模式,如描述 “URL”。
但其网址是什么?
这是什么meta标签的好处?
<meta name="apple-mobile-web-app-status-bar-style" content="black">
做的 - 有人可以用一个例子解释一下吗?
我发现this line在官方Safari浏览器开发人员库
这个元标记没有影响,除非你 首先指定全屏模式,如描述 “URL”。
但其网址是什么?
这是什么meta标签的好处?
首先,apple-mobile-web-app-capable
提示有该被设置为甚至工作。此提示会导致Web应用程序以全屏模式运行:它将移除Mobile Safari中默认获取的地址栏和导航按钮。被移除的区域以红色突出显示在这里:
因此,一旦一个应用程序是全屏模式(即用户已添加网站到他们的主页),还可以控制的颜色在与apple-mobile-web-app-status-bar-style
页面顶部的剩余薄的状态栏,红色突出显示在这里:
每文档:
如果含量设定为
default
,状态栏显示正常。如果设置为black
,状态栏的背景为黑色。如果设置为black-translucent
,则状态栏为黑色且半透明。如果设置为默认或黑色,则Web内容显示在状态栏下方。如果设置为black-translucent
,网页内容显示在整个屏幕上,通过状态栏部分遮蔽。
需要注意几个问题:
的第一页面加载在这只作品;任何导航到另一个页面将使地址栏和导航按钮重新出现。所以,如果你想要这个工作,你必须建立一个单一的网页(对于多个'网页'考虑一个Ajax页面加载方法,如在jQuery Mobile框架中使用的方法)。
这只能当你在网页通过一个应用程序快捷方式图标到达;如果您直接从Mobile Safari内导航到网站,则不起作用。
因此,只有当用户从桌面快捷方式打开网站时才有效。当用户通过在地址栏中输入网址第一次打开网站时,它不会有效,对吗? –
@Jitendra Vyas:这是正确的 – Ben
那么它只能用于网络应用程序,因为在网站中如果用户想要将任何内部页面加入书签,将不可能,因为底部栏不会出现。 –
它改变顶部的酒吧w /横幅和载体上,使它成为一个半透明的黑色。
只需对#1发表评论。只要您在下一页加载苹果iphone/ipad元标记,它就会继续隐藏地址栏和导航按钮。我的问题是,设置:''完全没有效果。我宁愿如果有办法完全隐藏状态栏。我明天将继续对此进行研究。 :-) – 2011-10-30 22:20:46
'我宁愿如果有办法完全隐藏状态栏'可以这样做吗? – Ash