浏览器选项卡知道它何时被复制

Question

我希望我的浏览器标签知道它何时被复制。

我见过的唯一类似的解决方案只关注重复的标签，知道它已被复制，或者原始标签知道它已被复制，但这仅适用于 Chrome。

要求：

• 解决方案适用于所有现代浏览器

如果有解决方案则奖励：

• 适用于 Internet Explorer 版本
• 使用一些原生 Angular 功能

Answer 1

您可以使用Broadcast Channel API。

1. 在加载时创建频道并广播消息
2. 使用onmessage 事件，捕获消息，如果它与初始消息匹配，则广播另一个
3. 重复标签将接收第二个广播，而第一个标签接收第一个广播

 const broadcast = new BroadcastChannel('test')
    broadcast.postMessage('I am First');
    broadcast.onmessage = (event) => {
      if (event.data === "I am First") {
        broadcast.postMessage(`Sorry! Already open`);
        alert("First Tab");
      }
      if (event.data === `Sorry! Already open`) {
        alert("Duplicate Tab");
      }
    };