JavaScript：监听浏览器标签页变化

Question

我正在尝试在JavaScript中触发浏览器标签更改事件。 MDN宣传了一个browser.tabs.onActivated()函数，并显示Chrome的全面支持，但当我尝试访问browser或tabs全局变量时，我的Chrome控制台会提示错误。

有人知道如何在更改浏览器选项卡时触发事件吗？ 我正在寻找一个不依赖外部库的纯净解决方案。

- duhaime

---

browser.tabs.onActivated是用于创建浏览器插件的API的一部分。这些API方法不能从简单的网页客户端代码中调用。 - karavanjo

有趣，浏览器插件是什么？ - duhaime

附加组件或扩展 - 请查看 https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons - karavanjo

Answer 1

我最终使用了：

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

- duhaime

Answer 2

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

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

- Han Xiao