如何在 Flutter Web App（移动端和桌面端）中提示“保存在主屏幕”

Question

开张Flutter Galleryweb app

提示用户将应用添加到主屏幕，如下所示

适用于两个桌面

和手机

我应该遵循哪些步骤来实现这一点而不会弄乱 JS (js answer)

谢谢

Answer 1

虽然您提到的图像中的弹出窗口是自动的。当您满足几个条件时它会自动启动（对于颤振网络应用程序总是如此，提到here）。

代码：

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function () {
    navigator.serviceWorker.register('flutter_service_worker.js');
  });
}

在 index.html 中处理 pwa 功能