怎样才算可安装？

Pete LePage

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

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

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

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

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

安装条件

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

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

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