Как узнать, что мой веб-сайт скрыт, когда пользователь блокирует устройство ios?

Question

Я хочу знать, когда мой сайт скрыт на iOS. Я пробовал использовать прослушиватель событий дляvisibilitychange событие:

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    console.log('visible')
  }else {
    console.log('hidden')
  }
})

который работает, если я переключаю вкладки.

Но это не сработает, если я заблокирую устройство или сворачиваю браузер,visibilitychange запускается дважды после разблокировки устройства, один раз для скрытого и один раз для видимого.

Я также пробовал использовать blur а также pagehide но они тоже не работали.

Спасибо