JavaScript：侦听浏览器选项卡更改答案

【问题标题】：JavaScript: Listening for browser tab changeJavaScript：侦听浏览器选项卡更改
【发布时间】：2019-12-13 18:40:18
【问题描述】：

我正在尝试在 JavaScript 中触发浏览器选项卡更改的事件。 MDN 宣传了 browser.tabs.onActivated() 函数，并在 Chrome 中显示完全支持，但是当我尝试访问 browser 或 tabs 全局变量时，我的 Chrome 控制台会发出声音。

有谁知道如何在浏览器标签更改时触发事件？我正在寻找一个没有外部库依赖的 vanilla 解决方案。

【问题讨论】：

【解决方案1】：

我最终使用了：

document.addEventListener('visibilitychange', function() {
  console.log('the tab hath changed');
})

【讨论】：

【解决方案2】：

使用 'visibilitychange' 事件和 'hidden' 属性。

document.addEventListener('visibilitychange', () => console.log(document.hidden));

【讨论】：