js中监听到浏览器标签页的新增、切换等变化

在JavaScript中，可以使用 visibilitychange 事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。

下面是一个示例代码，展示如何使用 visibilitychange 事件来监听标签页的变化：

document.addEventListener('visibilitychange', function() {
  if (document.hidden) {
    // 当前标签页被切换到后台
    console.log('标签页被切换到后台');
  } else {
    // 当前标签页被切换到前台
    console.log('标签页被切换到前台');
  }
});

在这个示例中，当标签页被切换到后台时，控制台会输出"标签页被切换到后台"，当标签页被切换到前台时，控制台会输出"标签页被切换到前台"。