【发布时间】:2015-12-10 05:43:06
【问题描述】:
我正在尝试使用 Google Chrome 的原生横幅支持实现“添加到主屏幕”横幅,并以此演示作为参考。
https://googlechrome.github.io/samples/app-install-banner/basic-banner/index.html
根据那里的规范,要求是:
- 页面使用服务工作者(是的,见下文)
- 该站点正在使用 HTTPS(是的,该站点具有有效的 SSL 证书,我正在通过 HTTPS 加载。chrome 显示该站点是安全的,并且有一个绿色挂锁,证书中没有错误或警告)
- 应用声明了一个清单(是的,见下文)
- 清单有一个短名称、144 像素图标和“图像/PNG”类型(是的,见下文)
我正在使用的清单如下。
{
"name": "Web app test",
"short_name": "Test",
"icons": [
{
"src": "/resources/launcher-icon-3x.png",
"sizes": "144x144",
"type": "image/png"
}
],
"display": "standalone"
}
其中包含一个短名称和一个 144 像素的 image/png 类型图标。
我正在使用的服务人员是此代码的直接复制和粘贴:
本文推荐的:
服务工作者已注册,清单正在加载到页面中,并且图像 url 正确,但横幅未显示。
我还启用了 chrome://flags/#bypass-app-banner-engagement-checks,所以这不是我需要明天回来检查它是否有效的情况。我已经能够查看我检查过的所有 Chrome 演示的主屏幕横幅(这是我从中获取大部分代码的地方),并且我的手机安装了最新版本的 Chrome。
还有什么我遗漏的东西可能会阻止主屏幕横幅出现吗?
谢谢。
【问题讨论】:
-
我不知道,但有几种可能性:1)尝试在清单中定义“start_url”属性,就像在演示中一样,2)我不清楚 - 你是否链接了清单从html文件? 3)您是否可能已经安装了该应用程序?另外仅供参考,如果您想进一步简化,我相信您实际上可以使用空白服务工作人员文件。
-
我也有类似的问题,没有找到答案。一切都在那里,但应用程序横幅未显示。你找到解决办法了吗?
标签: android google-chrome manifest homescreen service-worker