javascript - 如何防止同一个网站打开多个标签页？

Question

我有一个场景可以防止浏览器的多个打开的标签页出现同一个网站。我的想法是当用户第一次从浏览器打开一个网站时，没问题，当用户产生新的标签页或外部链接再次打开同一个网站时，我们应该将它重定向到已经打开的网站。我不知道如何实现。我能得到一些线索吗？谢谢。

Answer 1

我最近遇到了一个类似的问题，我必须防止多个窗口/选项卡在同一个 localStorage 上运行。

解决方案是使用 StorageEvents :每当另一个(!)窗口对与该窗口使用的相同 localStorage 进行更改时，每个窗口都会收到一个 StorageEvent。

因此，诀窍是为 localStorage 定义一个“虚拟”键，让每个窗口将一些随机值写入该键，以便让所有其他使用相同 localStorage 的窗口接收 StorageEvent:

  window.addEventListener('storage', () => {
    window.alert('another window or tab is working on the same localStorage')
  }, false)

  localStorage.setItem('Sentinel',Math.random())