怎样才算可安装?

渐进式 Web 应用 (PWA) 是使用 Web 技术构建的现代化优质应用。PWA 提供与 iOS/Android/桌面应用类似的功能,即使在网络状况不稳定的情况下也能提供可靠的服务,并且可安装,这让用户更容易找到和使用它们。

大多数用户都熟悉应用安装流程以及安装后体验的好处。已安装的应用会显示在操作系统启动界面上,例如 Mac OS X 上的“应用”文件夹、Windows 上的“开始”菜单,以及 Android 和 iOS 上的主屏幕。已安装的应用也会显示在 activity 切换器、Spotlight 等设备搜索引擎以及内容分享表格中。

大多数浏览器会在您的渐进式 Web 应用 (PWA) 满足特定条件时向用户指明该应用可供安装。指示图标包括地址栏中的“安装”按钮或溢出菜单中的“安装”菜单项。

显示安装指示器的万能搜索框的屏幕截图。
浏览器提供的安装促销活动(桌面设备)
浏览器提供的安装推广信息的屏幕截图。
浏览器提供的安装促销活动(移动设备)

此外,当满足相应条件时,许多浏览器都会触发 beforeinstallprompt 事件,从而让您能够提供可触发应用内安装流程的自定义应用内用户体验。

安装条件

在 Chrome 中,您的渐进式 Web 应用必须满足以下条件,才能触发 beforeinstallprompt 事件并显示浏览器内安装促销活动:

  • Web 应用尚未安装
  • 符合用户互动启发词语:
    • 用户至少需要点击或点按页面一次(随时,即使是在前一次页面加载期间)
    • 用户需要在任何时间点查看该网页至少 30 秒
  • 通过 HTTPS 提供
  • 包含网络应用清单,其中包含:
    • short_namename
    • icons - 必须包含 192 像素和 512 像素的图标
    • start_url
    • display - 必须是 fullscreenstandaloneminimal-uiwindow-controls-overlay 中的一个
    • prefer_related_applications 不得存在,也不得为 false

其他浏览器的安装条件也大同小异,但可能存在细微差异。如需了解完整详情,请查看各个网站: