pwa angular 8不显示“添加到我的主屏幕弹出窗口”

时间:2019-08-20 13:49:22

标签: android angular progressive-web-apps

我的应用程序是一个有角度的pwa,但不建议安装在Google chrome上,该按钮也不显示,并且在f12上,应用程序无法识别要添加到主屏幕的按钮。 我的清单有问题吗?

{
  "name": "aaaa",
  "short_name": "aaa",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "./",
  "start_url": "/aaa/",
  "orientation": "landscape",
  "prefer_related_applications": true,

  "icons": [

    {
      "src": "assets/icons/android-icon-36x36.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/icons/android-icon-48x48.png",
      "sizes": "72x72",
      "type": "image/png"
    },

    {
      "src": "assets/icons/android-icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/icons/android-icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/icons/android-icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/icons/android-icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/icons/apple-icon-57x57.png",
      "sizes": "57x57",
      "type": "image/png"
    },  
    {
      "src": "assets/icons/icons-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }

  ]
}

这些图像确实在这些位置,并且在进行灯塔审核时我的错误为零

1 个答案:

答案 0 :(得分:1)

要显示此信息的条件之一是prefer_related_applications不能为真,这就是您的清单中的内容。

您可以在此处查看文档: https://developers.google.com/web/fundamentals/app-install-banners/