大家好
我为我的网站做了一个Native app install banner,符合以下标准:
- 有一个Web应用程序清单文件。
- 通过HTTPS提供。
我的manifest.json
文件也符合这个额外的标准:
- a
short_name
. - 名称(在横幅提示中使用)。
- 一个192x192的png图标,你的图标声明应该包括一个
image/png
的mime类型。 - 一个
related_applications
对象,包含有关应用程序的信息。
所以我的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">
。
所以我相信它应该都能工作,但我想确保它都能工作,我如何测试它,因为最重要的标准是:
*在两周内的两天内被用户访问两次。
这意味着为了测试它是否真的工作,我必须访问该网站2个单独的天。一定还有别的办法吧?
我希望有人知道如何测试它。
提前感谢
2条答案
按热度按时间mec1mxoz1#
Google的sample page:https://googlechrome.github.io/samples/app-install-banner/
Chrome将触发的Web应用安装横幅用户提示,以指示用户可以将您的Web应用添加到用户的主屏幕。只有在满足以下条件时才会提示:
1.应用程序使用服务工作者
1.网站正在使用HTTPS
1.应用程序声明了一个清单
1.清单文件有一个short_name、144像素的图标和一个'image/png'类型
从我自己的经验来看,这个横幅并不像你想的那样简单。
示例页面声称,但我没有发现这有助于强制显示横幅。
为了测试,我们建议您通过设置chrome://flags/#bypass-app-banner-engagement-checks标志来强制显示横幅。
横幅一天只会出现一次,对于用户体验来说很好,但是对于调试来说就不是那么好了(因为chrome标志不起作用)。每次需要调试时,我都在测试设备上重新安装chrome。一位同事有一个想法,快进系统的日期/时间,我从来没有尝试过这个虽然。
希望这对你有帮助。
例如,在
hivapdat2#
自从最初的帖子以来已经过了好几年了,看起来标准已经改变了。现在,当网站首次加载时,可以看到本机应用程序安装提示。要在与它交互后再次看到提示,可以清除cookie和缓存,并刷新页面。