添加到主屏幕迷你信息栏不会触发我的应用

Question

我正在尝试为我的PWA触发chrome mini-infobar

我已检查页面是否符合添加到主屏幕的条件，它也成功通过了 chrome devtools中的PWA审核：

• 该网络应用尚未安装（未安装）
• 满足用户参与式启发（当前，用户与域互动至少30秒）（30秒后未发生任何事情）
• 包含一个Web应用清单，其中包括： short_name或名称图标必须包含192px和512px大小的图标 start_url显示必须是全屏，独立或最小用户界面之一（是）
• 通过HTTPS服务（服务工作者必需）（是）
• 已使用获取事件处理程序注册服务工作者（是）

最奇怪的是，在从本地计算机进行测试时（使用远程设备端口转发）向用户显示了迷你信息栏。但将其上传到网络后，它便停止工作。

我的清单：

{
"name": "Dota 2 counterpick",
"short_name": "Counterpick",
"start_url": "/?utm_source=homescreen",
"icons": [{
    "src": "/android-chrome-192x192.png",
    "sizes": "192x192",
    "type": "image/png"
}, {
    "src": "/android-chrome-512x512.png",
    "sizes": "512x512",
    "type": "image/png"
}],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

服务人员

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request).then(function(response) {
      return response || fetch(event.request);
    })
  );
});

我尝试注销服务人员，重置站点数据，重新启动Chrome，但是没有运气。我在Android 8.1上使用Chrome 71

PWA网址：https://counterpick.herokuapp.com