使用 visibilitychange 监听浏览器窗口选项来回切换

直接上代码

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

警告： 当 visibleStateState 属性的值转换为 hidden 时，Safari 不会按预期触发 visibilitychange；因此，在这种情况下，您还需要包含代码以侦听 pagehide 事件。

警告： 出于兼容性原因，请确保使用 document.addEventListener 而不是 window.addEventListener 来注册回调。Safari <14.0 仅支持前者。