4

我有以下问题：

我使用 jQuery Mobile 1.2 创建了一个 webapp。现在我想在没有地址栏、工具栏等的全屏模式下启动这个应用程序。我已经在网上搜索过，发现有一些元标记可以启用这种模式：

<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 下会被忽略。我认为框架应该自动切换模式，但它不起作用。是否有我必须操作的特殊全局变量或要调用的框架函数或要包含的脚本片段？

提前致谢！

4

3 回答 3

1

您可以使用这段 javascript 来隐藏 android 中的地址栏：

if(navigator.userAgent.match(/Android/i)){
    window.scrollTo(0,1);
}
于 2013-03-20T20:26:22.210 回答
0

在您的 iPhone 上，使用 Safari 打开您的网页。接下来，单击共享按钮（底部栏中间的那个）。

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

你只需要启动它，你就有了你的 webapp。

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

于 2013-03-20T22:54:12.340 回答
0

我能够让它在 chrome for android 上工作：

<meta name="mobile-web-app-capable" content="yes">
于 2014-07-22T05:50:37.547 回答