渐进式网络应用程序(PWAs)是使用网络技术构建的现代化、高质量应用程序。PWAs 提供了与 iOS/Android/桌面应用程序类似的功能,即使在不稳定的网络条件下也可靠,并且可安装,方便用户查找和使用。
大多数用户都熟悉安装应用程序以及安装体验所带来的好处。已安装的应用程序会出现在操作系统的启动界面上,例如 Mac OS X 上的“应用程序”文件夹、Windows 上的“开始”菜单以及 Android 和 iOS 上的主屏幕。已安装的应用程序还会出现在活动切换器、设备搜索引擎(如 Spotlight)和内容共享表中。想要咨询可以点击链接
大多数浏览器在您的渐进式网络应用程序(PWA)满足某些标准时会向用户提示其可安装。示例提示包括地址栏中的“安装”按钮,或溢出菜单中的“安装”菜单项。
带有可见安装指示的 omnibox 截图。
浏览器提供的安装推广(桌面)
浏览器提供的安装推广截图。
浏览器提供的安装推广(移动)
此外,当满足标准时,许多浏览器会触发beforeinstallprompt事件,允许您提供自定义的应用内用户体验,从而在您的应用程序中触发安装流程。
安装标准 在 Chrome 中,您的渐进式网络应用程序必须满足以下标准,才会触发beforeinstallprompt事件并显示浏览器内的安装推广:
  • 网络应用程序尚未安装 符合用户参与启发式规则: 用户需要至少点击或轻点页面一次(在任何时候,甚至是在之前的页面加载期间) 用户需要至少查看页面 30 秒(在任何时候) 通过 HTTPS 提供服务 包含一个网络应用程序清单,其中包括: short_name 或 name icons 必须包括 192px 和 512px 的图标 start_url display 必须是 standalone、minimal-ui 或 fullscreen 之一 prefer_related_applications 不得存在,或为 false
其他浏览器也有类似的安装标准,不过可能存在细微差异。请查看各自的网站以获取完整详细信息:
Edge
Firefox
Opera

Related Reading

发表回复

Quote of the week

“People ask me what I do in the winter when there’s no baseball. I’ll tell you what I do. I stare out the window and wait for spring.”