Question

大家好，

我为我的网站制作了Native app install banner符合以下条件：

拥有一个Web应用程序清单文件。
通过HTTPS提供服务。

我的manifest.json文件也符合以下额外条件：

a short_name。
一个名称（在横幅提示中使用）。
一个192x192 png图标，您的图标声明应包含mime类型image/png。
一个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

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

Chrome将触发的网络应用安装横幅用户提示   表示用户可以将您的Web应用程序添加到用户主屏幕。   它只会在满足一系列标准时提示：


该应用使用服务工作者

该网站正在使用HTTPS

该应用已声明清单

清单有一个short_name，144像素图标和一种'image / png'

根据我自己的经验，这个横幅并不像你想的那样直接进行测试。

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

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

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

希望这有帮助。

e.g。

如何测试Native app安装横幅是否有效

1 个答案: