仅在选项卡处于活动状态时运行内容脚本循环

Question

我正在开发一个使用内容脚本运行循环的 chrome 扩展。在循环中运行的任务会消耗相当多的内存，并且当有很多打开的标签页时，它会影响浏览器的性能。

我希望仅在选项卡处于活动状态时运行循环。

我正在使用onMessage.addListener 我的背景页面，然后我可以从内容脚本中sendMessage 并检查sender.tab.id 和chrome.tabs.getSelected。但由于 sendMessage 是异步的，我不得不使用 setInterval 进行“是否处于活动状态”检查以更新允许循环运行或不运行的变量。

有没有更好的方法来从内容脚本中查找选项卡是否处于活动状态？

Answer 1

看看Page Visibility API，我想检查一下

if (document.visibilityState === "hidden")

可以解决你的问题。

我不确定你在循环中做了什么，如果只是为了检测标签状态，你也可以使用 visibilitychange 事件监听器。

document.addEventListener("visibilitychange", function () {
  if (document.hidden) {
    //...
  }
}, false);