javascript - 共享 worker 在重新加载页面时终止

Question

为什么共享 worker 在重新加载页面时死了？应该是复活了我该如何解决这个问题？

重装前



重新加载后(在example.com上按F5)



parent worker

var port = new SharedWorker('/app/worker-5n1261e73b.js').port;
port.onmessage = function(e){
    console.log(e.data);
};
port.start();

worker-5n1261e73b.js

onconnect = function(e){
    var port = e.ports[0];
    port.onmessage = function(e){
         console.log(e.data);
    };
    port.start();
    port.postMessage('Connected');
};

Answer 1

当页面重新加载时，javascript 将再次执行，创建与 SharedWorker 的连接的代码也是如此。onconnect()事件处理程序，在您的 Sharedworker 中，不知道该选项卡是重新加载还是一个全新的选项卡，因此它只是将该选项卡注册为新的连接端口，停止与前一个选项卡端口的通信(如果页面被重新加载)。换句话说，重新加载的页面为 Sharedworker 获得了一个新的端口号。
如果您当时只打开了一个选项卡，请确保在重新加载页面时停止并重新创建 Sharedworker，但如果您当时打开了多个页面，则 Sharedworker 不会因为其他实时连接而停止工作。