如何测试Native应用程序安装横幅是否有效



大家好,

我为我的网站制作了一个符合以下标准的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应用程序添加到用户主屏幕。只有在满足以下条件时才会提示:

  1. 应用程序使用服务工作者
  2. 该网站正在使用HTTPS
  3. 应用程序已声明清单
  4. 清单有一个short_name、144像素的图标和一种类型"images/png">

根据我自己的经验,这个横幅的测试并不像你想要的那样简单。

示例页面声称,但我没有发现这有助于强制显示横幅。

为了进行测试,我们鼓励您通过设置chrome://flags/#bypass-应用程序横幅参与检查标志。

横幅每天只显示一次,对于用户体验来说很好,但对于调试来说就不那么好了(考虑到chrome标志不起作用)。。。每次需要调试时,我都会在测试设备上重新安装chrome。一位同事提出了快速发送系统日期/时间的想法,但我从未尝试过。

希望这能有所帮助。

例如

距离最初的帖子已经过去几年了,看起来标准已经改变了。现在,当网站首次加载时,可以看到本机应用程序安装提示。要在与提示交互后再次看到提示,可以清除cookie和缓存,并刷新页面。

相关内容

  • 没有找到相关文章

最新更新