javascript - 当用户锁定 ios 设备时，如何知道我的网站是隐藏的？

Question

我想知道我的网站何时在 iOS 上隐藏。我尝试对事件使用事件侦听器visibilitychange：

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

如果我切换标签，它会起作用。

但是如果我锁定设备或最小化浏览器它不起作用visibilitychange，设备解锁后会触发两次，一次是隐藏，一次是可见。

我也尝试过使用blur，pagehide但它们也没有用。

谢谢