javascript-webpush,如果没有选项卡,如何打开窗口

我已经设置了一个网络推送系统,并且运行良好.

我遇到的问题是,在Mac上,如果用户打开了Firefox但收到通知时却没有打开任何页面,则单击会丢失.
一世
它什么也没做.

这是相关的部分

self.addEventListener('push', function(event) {

  var jsonObj = event.data.json();
  var title = jsonObj.title;

  event.waitUntil(
    self.registration.showNotification(title, {
      'body': jsonObj.body,
      'icon': jsonObj.icon,
      'href': jsonObj.href,
      'tag': jsonObj.tag

    }));

    self.addEventListener('notificationclick', function(event) {
      event.notification.close();
      var href = jsonObj.href;
      var tag  = jsonObj.tag;

      if (clients.openWindow) {
        clients.openWindow(href);
      }


      /*
      // This looks to see if the current is already open and
      // focuses if it is
      event.waitUntil(
        clients.matchAll({
          type: "window"
        })
        .then(function(clientList) {
          for (var i = 0; i < clientList.length; i++) {
            var client = clientList[i];
            if (client.url == href && 'focus' in client)
              return client.focus();
          }
          if (clients.openWindow) {
            return clients.openWindow(href);
          }
        })
      );
    */
    });

});

解决方法:

我建议您：

>在全局范围内,在推送事件处理程序之外定义notifyclick事件处理程序.您可以在showNotification的data参数中传递jsonObj,因此您可以在notificationclick处理程序的事件对象中对其进行访问.您可以在此处看到一个示例：https://github.com/mozilla/wp-web-push/blob/master/wp-web-push/lib/js/sw.php.
> openWindow返回一个Promise,您应该使用openWindow返回的Promise调用event.waitUntil.

标签：firefox,web-push,service-worker,javascript
来源： https://codeday.me/bug/20191026/1940071.html