chrome-gcm - GCM webpush 在后台

Question

我实现了网络推送通知。获取错误的步骤:

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

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

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', {});
          });
      });
  );
}