GCM Webpush在背景中

Question

我实现了Web推送通知。获取错误的步骤：

1. 开启网站
2. 订阅推送通知
3. 通过gcm发送多次推送-一切正常
4. 关闭网站标签
5. 发送推送并接收“两次推送”-第一个可以，第二个是“此网站已在后台更新”
6. 重新打开网站
7. 发送推送-一切正常

我知道当服务人员收到推送但不显示通知时，可能会发生这种情况。但是我看到正常的通知，为什么我也看到其他奇怪的通知？我可以摆脱这种行为吗？

Answer 1

self.addEventListener('push', function(event) {
  // this function should return promise always
}

就我而言：

self.addEventListener('push', function(event) {
  event.waitUntil(
    self.registration.pushManager.getSubscription()
      .then(function(subscription) {
        fetch('url')
          .then(function(response) {
            self.registration.showNotification('title', {});
          });
      });
  );
}

应该：

self.addEventListener('push', function(event) {
  event.waitUntil(
    self.registration.pushManager.getSubscription()
      .then(function(subscription) {
        return fetch('url')
          .then(function(response) {
            return self.registration.showNotification('title', {});
          });
      });
  );
}