Страница обновления расширения Chrome, когда ее не видно

Question

(извините за мой плохой английский)

Я разрабатываю базовое расширение для Chrome, которое вносит некоторые изменения в сайт.Все работает нормально, но я не могу заставить это работать: когда пользователя нет на странице (находится на другой вкладке или сверните браузер), мне нужно обновлять страницу каждые 5 минут и показывать уведомление, если что-то изменилось.Моя проблема состоит в том, чтобы определить, находится ли пользователь «не на странице» ... Я пытался сделать это, но не сработало:

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

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

"размытие" по какой-то причине не вызывается (или называется только иногда) ... есть другой способ сделать это?

Answer 1

Используйте API видимости страницы .Должно работать что-то вроде следующего.

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

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