以全屏模式启动移动Web应用程序

我使用jQuery Mobile 1.2创建了一个web应用程序。现在我要开始这个程序在全屏模式下没有地址栏，工具栏等我已经在网上搜索和发现，也有一些meta标签，使该模式：

<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

这工作正确为止。但我也读过这些标签是iOS特有的，在Android下会被忽略。我认为框架应该自动切换模式，但它不起作用。是否有一个特殊的全局变量，我必须操作或框架函数调用或脚本片段包括？

在此先感谢！

来源

2013-03-20 altralaser

'viewport'不是iOS的具体，但..和我猜这里..该'苹果'是.. * Apple *特定。您可能不会让每个浏览器都以相同的方式运行。事实上，我会为我的浏览器感到不安，因为它允许你的网站隐藏地址栏 – Eonasdan 2013-03-20 20:19:02

您可以使用Javascript代码隐藏地址栏在android系统：

if(navigator.userAgent.match(/Android/i)){ 
    window.scrollTo(0,1); 
}

来源

2013-03-20 20:26:22

在iPhone上，打开Safari浏览器网页。接下来，点击分享按钮（底部栏中间的那个）。

然后，点击“在主屏幕上”按钮。它会在您的主屏幕上创建一个书签。

你只需要启动它，并且你有你的web应用程序。

不要忘记添加您在问题中提到的代码。

来源

2013-03-20 22:54:12 Xanatos

我知道如何将我的应用程序添加到主屏幕，但这只能在iPhone上进行。拥有适用于iOS，Android或Windows Phone的独立于平台的解决方案将是一件好事。 – altralaser 2013-03-21 21:04:18

我能得到这个关于Chrome浏览器的Android：

<meta name="mobile-web-app-capable" content="yes">

来源

2014-07-22 05:50:37 jason

以全屏模式启动移动Web应用程序

回答

相关问题