小编mdk*_*mdk的帖子

我正在尝试使用Google Chrome的本机横幅支持实现"添加到主屏幕"横幅,此演示作为参考.

https://googlechrome.github.io/samples/app-install-banner/basic-banner/index.html

根据那里的规范,要求是:

• 该页面使用服务工作者(是的,见下文)
• 该网站正在使用HTTPS(是的,该网站有一个有效的SSL证书,我通过HTTPS加载.rrome显示该网站是安全的,并有一个绿色的挂锁,证书中没有错误或警告)
• 该应用程序已声明一个清单(是的,见下文)
• 清单有一个short_name,144像素图标和一个'image/png'类型(是的,见下文)

我正在使用的清单如下.

{
  "name": "Web app test",
  "short_name": "Test",
  "icons": [
    {
      "src": "/resources/launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    }
  ],
  "display": "standalone"
}

其中包含一个short_name和一个144像素的image/png图标.

我正在使用的服务工作者是直接复制和粘贴此代码:

https://github.com/GoogleChrome/samples/blob/gh-pages/service-worker/custom-offline-page/service-worker.js

本文推荐的内容:

https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android?hl=en

服务工作者已注册,清单正在加载到页面中,图像URL正确,但横幅未显示.

我也启用了chrome:// flags /#bypass-app-banner-engagement-checks,所以这不是我需要明天回来检查它是否有效的情况.我已经能够在我检查过的所有Chrome演示中查看主屏幕横幅(这是我从中获取大部分代码的地方)并且我的手机安装了最新版本的Chrome.

还有什么我可能会阻止主页横幅出现吗？

谢谢.