在桌面设备上为渐进式 Web 应用安装地址栏

借助 Chrome 地址栏(多功能框)中的新安装按钮,您可以轻松安装渐进式 Web 应用。

在桌面设备上,用户通常不会知道渐进式网页应用 应用是可安装的,如果已安装,则安装流程隐藏在 圆点菜单。

在 Chrome 76(2019 年 6 月中旬,Beta 版)中,我们简化了 在桌面设备上通过向地址添加安装按钮实现渐进式 Web 应用 栏(多功能框)。如果某个网站符合 渐进式 Web 应用可安装性标准: Chrome 会自动在地址栏中显示安装图标。点击 按钮会提示用户安装 PWA。

与其他安装事件一样,您可以监听 appinstalled 事件来检测用户是否安装了 PWA。

添加您自己的安装提示

如果您的 PWA 用例有助于用户安装您的应用, 例如,如果有用户每周不止使用一次您的应用, 应在应用的网页界面中提升 PWA 的安装。

如需添加您自己的自定义安装按钮,请监听 beforeinstallprompt 事件。触发后, 保存对活动的引用,并更新用户界面,以便用户 知道他们可以安装您的渐进式 Web 应用。

推广 PWA 安装的模式

您可以通过以下三种主要方式推广 PWA 的安装:

  • 浏览器自动升级,例如地址栏安装按钮。
  • 应用界面提升,其中界面元素显示在应用中 界面(例如横幅、页眉或导航菜单中的按钮等)。
  • 内嵌宣传模式:在网站内容中交叉宣传。

查看推广 PWA 安装的模式(移动设备) 了解详情。其关注点是移动,但许多模式都适用于 也可轻松进行修改以提供桌面体验。