iphone - 检测 iPhone 主屏幕上的应用程序

Question

您知道如何将网络应用程序添加到 iPhone 的主屏幕...现在我如何检测我的应用程序是否已添加到用户 iPhone 的主屏幕。

如果已添加，我如何启动存储在用户主屏幕而不是 Safari 中的应用程序。


注意:它是一个网络应用程序，只是在 iPhone 主屏幕上添加了书签 - 它不是 native 应用程序。


有什么想法吗？

Answer 1

根据Safari Web Content Guide ，你必须设置<meta name="apple-mobile-web-app-capable" content="yes" />在您的网页中以全屏模式呈现您的内容。

您还可以通过设置<link rel="apple-touch-startup-image" href="/startup.png">来设置启动图像，使其看起来像 native 应用程序。

编辑(检测是否以全屏模式运行)

您可以在网页中添加一些JS代码来检测它是否以全屏模式运行:

<script type="text/javascript">
if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {
    __do something here__
}

欲了解更多信息，this project可能会引起兴趣。