javascript - Ipod 上全屏模式下的 Web 应用程序

Question

我有一个网络应用程序，我正在为其构建一个移动网站。如果用户已将该页面添加到他们的主屏幕，我将尝试在没有导航栏的情况下全屏运行它。

现在，我的 javascript 非常简单:

if (navigator.standalone) {
    alert ('From Home Screen');
} else {
    alert ('From Browser');
}

我只想检查是否可以检测用户是否已将应用程序添加到他们的主屏幕。使用上面的代码，即使在将应用程序添加到主屏幕之后，该应用程序也只会被 else 语句捕获。

翻阅苹果的文档，我发现了这个好东西:

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

将该代码添加到我的似乎没有做任何事情。我仍然无法让站点进入全屏模式，或将其作为独立模式发出警报。

Answer 1

当链接被添加到主屏幕时，元标记(显然)被处理了。因此，如果您在添加元标记之前将其添加到主屏幕，则不会有任何效果。

尝试从主屏幕中删除该图标，然后重新添加。