PWA在Android上不显示“添加到桌面”弹出窗口在Chrome和Brave浏览器中显示

编程问答 2022-06-12

问题描述

我已经按照所有必需的步骤进行操作，确保清单中应该包含的所有内容都存在：

  • 起始网址
  • 名称
  • 简称
  • 说明

范围设置为/，所有图标都在其中。

{
  "description": "C5 manifest","name": "C5","short_name": "c5","icons": [
    {
      "src": "/icons/icon_512x512.png","sizes": "512x512","type": "image/png","purpose": "any maskable"
    },{
      "src": "/icons/icon_384x384.png","sizes": "384x384",{
      "src": "/icons/icon_192x192.png","sizes": "192x192",{
      "src": "/icons/icon_152x152.png","sizes": "152x152",{
      "src": "/icons/icon_144x144.png","sizes": "144x144",{
      "src": "/icons/icon_120x120.png","sizes": "120x120",{
      "src": "/icons/icon_64x64.png","sizes": "64x64",{
      "src": "/icons/icon_32x32.png","sizes": "32x32","purpose": "any maskable"
    }
  ],"start_url": "https://c5.kwyjibo.app/","display": "standalone","background_color": "#FF13DB","theme_color": "#FF7D13","lang": "en"
}

我还使用了Lighthouse，它通过了所有检查。但是，在Android上的Chrome或Firefox中打开“添加到家庭”弹出窗口时不会显示。

我已经为load和beforeinstallprompt事件添加了事件侦听器，看起来确实像它们被调用了。

也许有人可以阐明一些观点吗？我机智。该网站为https://c5.kwyjibo.app/

解决方法

对于任何其他发现此问题的人。问题是服务工作者不支持离线。更改它以支持脱机并确保我的根目录中有一个offline.html文件即可解决此问题。

progressive-web-appsservice-worker