渐进式 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
其他浏览器的安装条件也大同小异,但可能存在细微差异。如需了解完整详情,请查看各个网站: