问题描述
我正在为移动设备创建一个HTML5网络应用,并被要求隐藏浏览器导航栏(后退和前进按钮)(错误在这里打印)。我怎样才能做到这一点?
I am creating a HTML5 web app for mobile devices and was asked to hide the browser nav bar (the back & forward buttons) (typo here prev.). How can I achieve that?
我想我应该可以通过手机差距实现这一目标。但我想知道是否有可能通过普通网络应用来隐藏浏览器栏?如果我将网站/应用程序固定到主屏幕,我认为可能吗?
I think I should be able to achieve that using Phone Gap. But I wonder if its possible for a "normal" web app to hide the browser bar? I think its possible if I pin the web site/app to the home screen?
iPhone有,但至少Andriod呢?
iPhone has http://ajaxian.com/archives/iphone-full-screen-webapps, but what about Andriod at least?
推荐答案
我知道这个问题在这一点上有点过时所以这里有一个更新:
I know this question is a bit out of date at this point so here is an update:
在适用于iOS 7+的Safari上,此解决方案非常棒:
On Safari for iOS 7+ this solution is great:
<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
minimal-ui属性使浏览器隐藏所有按钮,同时保持任务栏不变。
The minimal-ui attribute makes the browser hide all the buttons while keeping the taskbar intact.
我没有为Android测试过这个。
I have not tested this for android.
这篇关于HTML5全屏Web应用程序:没有浏览器栏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!