Penny McLachlan
渐进式 Web 应用和迷你信息栏的背景信息
渐进式 Web 应用 (PWA) 是一种用于创建类似应用、可即时加载、可靠且可安装的网站的模式。
当您的 PWA 在 Android 上通过可安装性核对清单后，浏览器窗口底部会显示一个名为“微型信息栏”的 Chrome 系统对话框。
现在，“添加到主屏幕”迷你信息栏会与 beforeinstallprompt 事件同时显示。
Chrome 76 中的变更
我们一直在倾听社区的声音，了解到开发者希望能够更好地控制何时要求用户安装 PWA。我们听到了您的心声！
从 Chrome 76 开始，您可以通过对 beforeinstallprompt 事件调用 preventDefault() 来阻止显示迷你信息栏。
beforeinstallprompt 事件可帮助您宣传渐进式 Web 应用的安装，让用户能够轻松将其添加到主屏幕。我们的社区分享了以下信息：将 PWA 安装到主屏幕的用户互动度很高，他们会多次访问应用、在应用中花费更多时间，并且转化率也会更高（如果适用）。
如需在不使用迷你信息栏的情况下宣传您的 Web 应用，请监听 beforeinstallprompt 事件，然后保存该事件。接下来，更新您的界面以指明用户可以安装您的 PWA，例如添加安装按钮、显示安装横幅、使用信息流内宣传内容或菜单选项。当用户点击“安装”元素时，对已保存的 beforeinstallprompt 事件调用 prompt() 以显示“添加到主屏幕”模态对话框。
“添加到主屏幕”迷你信息栏的未来发展
使用“添加到主屏幕”信息栏仍是暂时性的措施。我们正在尝试新的界面模式，以便继续让渐进式 Web 应用用户能够安装，同时减少浏览体验中的杂乱。