怎样才算可安装？

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

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