判断浏览器活动状态
在前端开发中，有时候需要判断浏览器是否处于系统当前活动窗口状态。然而，直接判断浏览器是否为活动窗口并不可靠。
为了解决这个问题，可以使用间接的方法，例如：
- visibilitychange 事件： 当标签切换活动状态时，例如从可见切换到隐藏，就会触发此事件。
- focus 事件： 当某个页面元素获取焦点时，触发此事件。
通过结合这两种方法，可以大致判断页面是否处于活动状态：
首先，监听 visibilitychange 事件：
document.addeventlistener('visibilitychange', function() {
// 浏览器窗口激活状态发生改变
});接下来，监听 focus 事件：
window.addEventListener('focus', function() {
// 获取页面的焦点
});当页面处于可见状态且拥有焦点时，可以认为浏览器处于活动状态。否则，可以认为浏览器处于非活动状态。
