创建 iDevice HTML5 Web 应用程序安装屏幕？

Question

我已经在 stackoverflow 和互联网上四处寻找这个问题的答案，但不幸的是什么也没找到。 OpenAppMkt 只是有一个安装屏幕，允许它为 iPhone、iPod Touch 和 iPad 安装网络应用程序。安装后，它会显示 just 应用程序。有什么方法可以为我当前的项目复制安装屏幕吗？谢谢你。

Answer 1

我想出了怎么做。在apple meta tags documentation 上有一个名为window.navigator.standalone 的属性，它返回三个值：

1. true 如果它作为网络应用程序运行从主屏幕启动
2. false 如果它在 Safari 浏览器中运行但不是作为网络应用程序
3. undefined 如果它在任何其他浏览器中运行（以上都不是）

这允许这样的检测，如果它返回undefined，那么你可以显示“你的平台不支持这个网络应用程序”的内容，如果false那么你可以显示“请安装”和它true 可以显示正在运行的网络应用程序。

禁止用户在未安装 Web 应用程序的情况下运行 Web 应用程序可能不符合良好 UX 的最佳利益，因此可能提示安装但允许在没有安装的情况下使用将是最好的做法。