本文介绍了HTML5全屏Web应用程序:没有浏览器栏的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在为移动设备创建一个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应用程序:没有浏览器栏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-24 12:19