当用户切换标签页或者最小化标签页时，可以监听页面可见性(Page Visibility)API的visibilitychange事件并执行一些操作。
其中Page Visibility定义了两个只读的document属性：
- hidden: 布尔值，表示标签页的显示
true和隐藏false - visibilityState:
-
- visible：页面内容至少部分可见
- hidden：页面内容对用户不可见
- prerender：页面内容被预渲染并且用户不可见
- unloaded：文档被卸载
window.document.addEventListener('visibilitychange', () => {
document.hidden;
document:visibilityState;
})
