通过网络工作者创建通知

Question

在关于通知的文章中， Mozzila 说：

注意：此功能在 Web Workers 中可用。

可以在没有任何警告的情况下创建 Worker

var worker = new SharedWorker('scripts/worker.js');

但是当我尝试在共享工作者中执行此操作时：

var notification = new Notification("Hi there!");

它不起作用。Webworker 工作正常，它XMLHttpRequest可以从主线程读取数据并将消息推送到它，但不会出现通知。我无法调试它，因为控制台在 webworker 中不可用。在主线程中授予权限，通知也可在此处获得。

如果重要的话，我使用 Chrome47.0.2526.111 m进行开发和调试。我注意到即使 FB 选项卡关闭，Facebook 也会调用通知，所以我正在尝试实现类似的功能。

Answer 1

你做错了什么。我在网络工作者中运行通知绝对没有问题。

此代码在 jsfiddle 上完美运行：

• Worker 例子
• SharedWorker 例子

请尝试以下代码：

main.js

var worker = new SharedWorker("worker.js");
worker.port.start();    
Notification.requestPermission(function (permission) {
  // If the user accepts, let's create a notification
  if (permission === "granted") {
    worker.port.postMessage({name:"notification"});
  }
});

worker.js

function workerFN() {
  function onmessage(e) {
    switch(e.data.name) {
      case "notification" : 
        console.log("Notification:");
        var notification = new Notification("Hi there!");
      break;
      default:
        console.error("Unknown message:", e.data.name);
    }
  }
  self.onconnect = function(e) {
      for(var i=0,l=e.ports.length; i<l; i++) {
        e.ports[i].addEventListener('message', onmessage);
        e.ports[i].start(); // Required when using addEventListener. Otherwise called implicitly by onmessage setter.
      }
  }
}

在网络工作者中，控制台对我来说也很好用。