网页应用程序在Ipod上的全屏模式

Web app in full screen mode on Ipod

本文关键字：模式 应用程序 Ipod 网页      更新时间：2023-09-26

我有一个web应用程序，我正在建立一个移动网站。如果用户将页面添加到主屏幕，我试图在没有导航栏的情况下全屏运行它。

现在，我的javascript非常简单:

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

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

翻阅苹果的文档，我发现了下面这段话:

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

将代码添加到我的代码中似乎没有任何作用。我仍然不能让网站进入全屏模式，或提醒它作为独立的

当链接添加到主屏幕时，该元标记(显然)被处理。因此，如果你在添加meta标签之前将它添加到主屏幕，它将不起作用。

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

相关文章：