Web 应用程序安装横幅未显示

Question

我有一个网站 (https://adhiyan.in)，我认为它满足网络应用程序安装横幅的所有标准，但横幅没有显示。有人可以帮我找出原因吗？（我试过带和不带旗帜 chrome://flags/#bypass-app-banner-engagement-checks）

{
  "short_name": "Adhiyan",
  "name": "Adhiyan Varunkumar",
  "icons": [{
    "src": "/assets/favicons/android-icon-36x36.png",
    "sizes": "36x36",
    "type": "image/png",
    "density": "0.75"
  }, {
    "src": "/assets/favicons/android-icon-48x48.png",
    "sizes": "48x48",
    "type": "image/png",
    "density": "1.0"
  }, {
    "src": "/assets/favicons/android-icon-72x72.png",
    "sizes": "72x72",
    "type": "image/png",
    "density": "1.5"
  }, {
    "src": "/assets/favicons/android-icon-96x96.png",
    "sizes": "96x96",
    "type": "image/png",
    "density": "2.0"
  }, {
    "src": "/assets/favicons/android-icon-144x144.png",
    "sizes": "144x144",
    "type": "image/png",
    "density": "3.0"
  }, {
    "src": "/assets/favicons/android-icon-192x192.png",
    "sizes": "192x192",
    "type": "image/png",
    "density": "4.0"
  }],
  "display": "standalone"
}

我正在为 Android 稳定版 v44 使用 Chrome。*

Answer 1

我已经找到问题了。此时，"start_url" 属性似乎是显示横幅所必需的。我添加了 "start_url" : "/index.html" 以便显示横幅。

Web 应用程序安装横幅未显示

Web app install banner not showing up

android

google-chrome

service-worker