HTML5全屏Web应用程序：无浏览器栏

我正在为移动设备创建一个HTML5 web应用程序，并被要求隐藏浏览器导航栏（后退和前进按钮）（前面键入）。我怎样才能做到这一点

我想我应该能够通过使用电话Gap来实现这一目标。但我想知道“普通”的网络应用程序是否可能隐藏浏览器栏？我想如果我将网站/应用程序锁定到主屏幕上，这是可能的吗

iPhone有，但至少安德里奥呢

如果你能在你的web应用中使用，我建议你使用插件

它可以用于移动和桌面浏览器，并将隐藏浏览器的滚动条。如果您的代码超出浏览器的视口高度，它将生成一个自定义滚动条，如果不使用该滚动条，该滚动条将淡出

这是

编辑：
根据您的最新信息，我想补充一点，我实际上不是本地移动web应用程序开发人员，但在搜索您的问题时，我发现了一些可以帮助您进一步引导的问题：

这些教程包括：

编辑
新答案
自从提出这个问题以来，情况发生了很大变化。现在有很好的本地支持滚动、固定位置，并且大多数操作系统的浏览器栏比以前小得多。既然如此，我建议不要像大多数网站和答案所建议的那样求助于滚动黑客。遵守操作系统的规则将提高Web应用程序的稳定性、可用性和未来的兼容性
旧答案
当有人将iPhone作为网络应用程序保存到主屏幕上时，它是可能的。如果您添加了正确的元标记，这一点就可以实现
对于标准browsermode来说，它有点棘手，您必须退回到黑客。当你滚动时，地址栏基本上消失了（对于Iphone，大多数情况下对于android）。你可以用javascript来伪造这个。Mobile tuts也有一篇很好的文章：

---

，但这仅在内容的分辨率高于屏幕分辨率时有效。
最新的Chrome for Android beta版中有这样的功能：

---

我知道这个问题现在有点过时，所以这里有一个更新：
在Safari for iOS 7+上，此解决方案非常棒：

<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

最小ui属性使浏览器隐藏所有按钮，同时保持任务栏完整

---

我还没有在android上测试过这个应用程序。
你可以在android上使用这个应用程序：，它会在你的sd卡上创建一个文件夹，你可以在其中放置html，以全屏“沉浸式模式”显示。

函数请求全屏（）{
var el=document.body；
//支持大多数浏览器及其版本。
var requestMethod=el.requestFullScreen | | el.webkitRequestFullScreen
||el.mozRequestFullScreen | el.msRequestFullScreen；
如果（请求方法）{
//本机全屏。
requestMethod.call（el）；
}else if（typeof window.ActiveXObject！=“未定义”）{
//老艾。
var wscript=newActiveXObject（“wscript.Shell”）；
if（wscript！==null）{
SendKeys（“{F11}”）；
}
}
}

你能在你的应用程序中应用JQuery吗？在Ops上，我的错，我的意思是浏览器栏上，有一个类似的、最近的答案。带后退和前进按钮的那个你是不是在说“自动F11脚本”？哦，我刚发现这意味着自动使浏览器全屏。。。嗯，不完全是这样。我认为iPhone有一个全屏的网络应用程序，但那它呢Andriod@JiewMeng可能会对您有所帮助。此解决方案在iOS 8+中不再有效。

<script> function requestFullScreen() {

  var el = document.body;

  // Supports most browsers and their versions.
  var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen 
  || el.mozRequestFullScreen || el.msRequestFullScreen;

  if (requestMethod) {

    // Native full screen.
    requestMethod.call(el);

  } else if (typeof window.ActiveXObject !== "undefined") {

    // Older IE.
    var wscript = new ActiveXObject("WScript.Shell");

    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
}


</script>
<a href="#" onClick="requestFullScreen();"> click </a>