如果用户“拔掉插头”并关闭计算机，是否会触发任何窗口事件？

Question

我有一个网站，我只希望客户端一次能够有 1 个 WebSocket 连接（当他们打开另一个选项卡而已经有另一个连接显示时，我会向他们显示一个错误）。

我正在开发一个客户端解决方案，当请求连接时，我将本地存储中的标志更新为真（如果标志已经为真，则不会请求）然后我监听 beforeunload 事件如果该选项卡具有打开的连接，则将本地存储标志设置为 false。

这似乎工作得很好，除了当用户突然关闭他们的计算机并且因此 beforeunload 永远不会触发的边缘情况，所以当他们重新打开他们的计算机时，本地存储标志卡在 true 并且他们没有卡住能够在任何选项卡中连接。

是否有在关机前调用的事件，我可以将本地存储标志设置为 false？

如果没有，客户端是否有另一种解决方案来跟踪它在所有选项卡中只有 1 个 WebSocket 连接，以便如果已经有一个连接，它可以阻止连接？

window.addEventListener('beforeunload', this.setFlagToFalse);

Answer 1

正如 Jaromanda 的评论中正确指出的那样，没有电源的计算机无法向浏览器发出事件（甚至不再存在......）。

但是，解决根本问题的一种方法是监听 storage 事件。

当另一个窗口对该存储进行任何修改时，此事件将在共享同一存储区域的所有 Windows 中触发。

因此，我们可以将其用作在同一域中的 Windows 之间几乎实时通信的一种手段。这意味着您不必让您的标志保持最新，您现在可以直接知道其他窗口是否已经处于活动状态。

这是一个基本的实现。我会让您享受使它更适合您的需求的乐趣。

let alone = true; // a flag to know if we are alone
onstorage = e => { // listen to the storage event
  if(e.key === 'am_I_alone') {
    if(e.newValue === 'just checking') { // someone else is asking for permission
      localStorage.am_I_alone = 'false'; // refuse
    }
    else if(e.newValue === 'false') { // we've been refused access
      alone = false;
    }
  }
};

localStorage.am_I_alone = 'just checking'; // trigger the event on the other Windows

setTimeout(()=>{ // let them a little time to answer
  if(alone) { // no response, we're good to go
    // so the next one can trigger the event
    localStorage.am_I_alone = "true";
    startWebSocket();
  }
  else { // we've been rejected...
    error();
  }
}, 500);

Live Plnkr