JavaScript: 侦听浏览器选项卡更改

Question

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

有谁知道如何在浏览器选项卡更改时触发事件？我正在寻找没有外部库依赖项的普通解决方案。

Answer 1

我最终使用了：

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

Answer 2

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

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

JavaScript: Listening for browser tab change