大家好,
我为我的网站制作了一个符合以下标准的Native应用程序安装横幅:
- 有一个web应用程序清单文件
- 通过HTTPS提供服务
我的manifest.json
文件也符合这个额外的标准:
- 为CCD_ 2
- 一个名称(在条幅提示中使用)
- 一个192x192 png的图标,您的图标声明应该包括一个mime类型的
image/png
- 具有关于应用程序的信息的CCD_ 4对象
所以我的manifest.json
文件看起来像这样:
{
"short_name": "test",
"name": "test test",
"prefer_related_applications": true,
"related_applications": [
{
"platform": "play",
"id": "secret"
}
],
"icons": [
{
"src": "appicon-192x192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "appicon-96x96.png",
"type": "image/png",
"sizes": "96x96"
},
{
"src": "appicon-48x48.png",
"type": "image/png",
"sizes": "48x48"
}
]
}
我还在每个页面中添加了<link rel="manifest" href="/manifest.json">
。
所以我相信它应该都有效,但我想确保它都有效,我该如何测试它,因为最重要的标准是:
- 在两周内的两天内,用户访问两次
这意味着为了测试它是否真的有效,我必须分开两天访问网站。。肯定还有别的办法吧?
我希望有人知道如何测试这个。
提前感谢
引用谷歌的示例页面:https://googlechrome.github.io/samples/app-install-banner/
Chrome将触发的web应用程序安装横幅用户提示指示用户可以将您的web应用程序添加到用户主屏幕。只有在满足以下条件时才会提示:
- 应用程序使用服务工作者
- 该网站正在使用HTTPS
- 应用程序已声明清单
- 清单有一个short_name、144像素的图标和一种类型"images/png">
根据我自己的经验,这个横幅的测试并不像你想要的那样简单。
示例页面声称,但我没有发现这有助于强制显示横幅。
为了进行测试,我们鼓励您通过设置chrome://flags/#bypass-应用程序横幅参与检查标志。
横幅每天只显示一次,对于用户体验来说很好,但对于调试来说就不那么好了(考虑到chrome标志不起作用)。。。每次需要调试时,我都会在测试设备上重新安装chrome。一位同事提出了快速发送系统日期/时间的想法,但我从未尝试过。
希望这能有所帮助。
例如
距离最初的帖子已经过去几年了,看起来标准已经改变了。现在,当网站首次加载时,可以看到本机应用程序安装提示。要在与提示交互后再次看到提示,可以清除cookie和缓存,并刷新页面。