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



我在stackoverflow和互联网上四处寻找答案,不幸的是,一无所获。OpenAppMkt只有一个安装屏幕,允许它为iPhone,iPod Touch和iPad安装Web应用程序。安装后,它显示应用程序。有什么方法可以为我当前的项目复制安装屏幕吗?谢谢。

我想出了怎么做。在 Apple 元标记文档中,有一个名为 window.navigator.standalone 的属性,它返回三个值:

  1. true它是否作为从主屏幕启动的 Web 应用程序运行
  2. false它是否在 Safari 浏览器中运行,但不作为 Web 应用程序运行
  3. undefined它是否在任何其他浏览器中运行(以上都不是)

这允许进行检测,如果它返回undefined那么您可以显示类似于"您的平台不支持此 Web 应用程序"的内容,如果false,则可以显示"请安装",它true您可以显示正在运行的 Web 应用程序。

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

最新更新