如何测试本机应用安装横幅是否有效

Question

大家好，

我为我的网站创建了一个Native app install banner，满足以下条件：

• 有一个网络应用清单文件。
• 通过 HTTPS 提供服务。

我的manifest.json 文件也符合这个额外的条件：

• 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 天.. 必须有另一种方式对吗？

我希望有人知道如何测试这个。

提前致谢。

Answer 1

引用谷歌的示例页面：https://googlechrome.github.io/samples/app-install-banner/

Chrome 将触发的网络应用安装横幅用户提示 表示用户可以将您的 Web 应用程序添加到用户主屏幕。 仅在满足多个条件时才会提示：

1. 应用使用服务工作者
2. 网站正在使用 HTTPS
3. 应用声明了一个清单
4. 清单有一个短名称、144 像素图标和“image/png”类型

根据我自己的经验，此横幅的测试并不像您希望的那样简单。

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

为了进行测试，我们鼓励您通过设置 chrome://flags/#bypass-app-banner-engagement-checks 标志来强制显示横幅。

横幅一天只会出现一次，对于用户体验来说很棒，但对于调试来说它不是那么好（鉴于 chrome 标志不起作用）...我最终在我的测试设备上重新安装了 chrome我需要调试的时间。一位同事有一个快速转发系统日期/时间的想法，但我从未尝试过。

希望这会有所帮助。

例如