json 如何测试原生应用安装横幅是否有效

7gyucuyw  于 2023-08-08  发布在  其他
关注(0)|答案(2)|浏览(98)

大家好
我为我的网站做了一个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个单独的天。一定还有别的办法吧?
我希望有人知道如何测试它。

提前感谢

mec1mxoz

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。一位同事有一个想法,快进系统的日期/时间,我从来没有尝试过这个虽然。
希望这对你有帮助。
例如,在

hivapdat

hivapdat2#

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

相关问题