Question

（抱歉我的英语不好）

我正在开发一个基本的Chrome扩展程序，可以对网站进行一些更改。一切正常，但我不能让它工作：当用户不在页面上（在另一个选项卡上或最小化浏览器）时，我需要每5分钟刷新一次页面并在出现更改时显示通知。我的问题是检测用户是否“不在页面上”......我试图这样做但是没有奏效：

window.addEventListener('focus', function() {        
    isVisible = true;
});

window.addEventListener('blur', function() {
   isVisible = false;       
});

出于某种原因，“模糊”不会被调用（或者有时只调用）...还有另一种方法可以做到这一点吗？

Answer 1

使用Page Visibility API。以下内容应该有效。

function handleVisibilityChange() {
  if (document.webkitHidden) {
    // refresh every 5 minutes
  } else {
    // stop refreshing every 5 minutes
  }
}

document.addEventListener("webkitvisibilitychange", handleVisibilityChange, false);

Chrome扩展程序刷新页面不可见时

1 个答案: