我创建了一个PWA,移动Chrome允许使用正确的图标添加到主屏幕 . Firefox也允许安装到主屏幕,但没有图标?

我的index.html包含:

<link rel="manifest" href="/manifest.json" />

我的manifest.json看起来像这样:

{
  "short_name": "coolapp",
  "name": "coolapp",
  "icons": [
    {
      "src": "assets/pwa/android-launchericon-36-36.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-48-48.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-72-72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-96-96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-128-128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-144-144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-192-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/splash-128-128.png",
      "sizes": "128x128",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff",
  "orientation": "portrait"
}

因此该图标适用于两者,直到我添加“beforeinstallprompt”处理,现在该图标仅安装Chrome,而不是Firefox . 我还纠正“beforeinstallprompt”永远不会调用FF,只有Chrome?在FF上,一个主屏幕图标显示在浏览器中,供用户安装到主屏幕 - 但它安装的不像应用程序而不是Chrome(它更像是一个快捷方式,而Chrome经历了整个过程)