怎样才算可安装？

Pete LePage

渐进式 Web 应用 (PWA) 是使用 Web 技术构建的现代优质应用。PWA 提供的功能与移动应用和桌面应用类似，即使在网络不稳定的情况下也能可靠运行，并且可以安装，方便用户查找和使用。

大多数用户都熟悉应用的安装流程，也了解安装应用带来的好处。已安装的应用会显示在操作系统启动界面上，例如 macOS 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，或者 prefer_related_applications 必须为 false

其他浏览器在安装方面也有类似的要求，但可能存在细微差异。如需了解完整详情，请访问相应网站：