App1登出时如何批量关闭所有打开的App2浏览器标签页？

window是浏览器维护的内存级宿主对象，本身就存在循环引用（window.window指向自身），根本不可能通过JSON.stringify序列化存到localStorage、Cookie里。就算你绕开序列化逻辑强行存，存的也只是一份普通的对象快照，不是真实的窗口引用，完全没法调用close()方法；而且只要App1页面刷新、重载，之前拿到的窗口引用会直接被浏览器回收，再怎么存都没用。

方案1：内存存窗口引用 + 广播通知（适配绝大多数场景，同域/跨域都能用） #

这个方案不需要依赖持久化存储，逻辑最稳：

• 第一步：在App1的全局作用域维护一个内存数组，专门存每次打开App2返回的窗口对象，不要往任何持久化存储里放。

// App1 页面初始化时全局定义
window.app2WinList = [];

// 绑定到App1里打开App2的链接点击逻辑上
document.querySelector('#open-app2-link').addEventListener('click', () => {
  // 每次打开新的App2标签，直接把返回的window对象推进内存数组
  const app2Win = window.open('App2的访问地址', '_blank');
  window.app2WinList.push(app2Win);
});

只要App1当前页面不关闭、不刷新，这个数组里存的引用一直有效，哪怕两个应用跨域，你也可以合法调用这些窗口对象的close()方法，这是浏览器少数放开跨域限制的API。

• 第二步：用BroadcastChannel做登出消息的跨标签广播，解决App1刷新后旧窗口引用丢失的问题，App1和App2都接入同一个同名频道：

// App1、App2都要加这段，频道名保持一致
const authChannel = new BroadcastChannel('global-auth-channel');

• 第三步：写App1的登出逻辑，先关内存里能拿到引用的窗口，再发广播通知所有App2自关：

// App1登出按钮绑定的逻辑
const handleLogout = () => {
  // 先遍历关闭当前页面能拿到引用的所有App2窗口
  window.app2WinList.forEach(win => {
    if (!win.closed) win.close();
  });
  // 清空数组
  window.app2WinList = [];
  // 发广播，通知所有打开的同频道App2标签页自行关闭
  authChannel.postMessage({ action: 'FORCE_LOGOUT' });
  // 再执行你原有的登出逻辑：清token、跳登录页等
}

• 第四步：在App2里加广播监听，收到登出消息直接关自己：

// App2全局加监听
authChannel.addEventListener('message', (e) => {
  if (e.data?.action === 'FORCE_LOGOUT') {
    window.close();
  }
});

方案2：共享登录态监听（适配App1可能被刷新、跨主域的场景） #

如果你的业务里用户很可能会刷新App1页面，导致内存里存的窗口引用全部丢失，或者两个应用跨主域没法用BroadcastChannel，可以用登录态联动的方案：

• 把两个应用的登录凭证存在共享的可访问存储里：如果是同根域，就存在根域的Cookie下（比如App1是a.example.com、App2是b.example.com，就把Cookie存在.example.com域下）；如果是完全跨主域，可以在登出时调用App2提供的登出接口，把App2侧的登录态标记清掉。
• 在App2里全局加状态检测逻辑：可以用定时轮询、visibilitychange事件触发检查、监听storage变化这几种方式，一旦检测到自身登录态失效，直接执行window.close()。
• App1登出时，只需要清掉共享的登录态，所有打开的App2标签页检测到未登录状态就会自行关闭。

• 你没有权限关闭用户手动输入地址打开的App2标签页，只有通过当前页面window.open打开的窗口，当前页面才有权限调用close()方法，剩下的场景必须靠App2侧配合自关。
• 没有任何API可以枚举用户浏览器里打开的所有同站点标签页，不要尝试找这类黑科技，所有浏览器都会拦截这类行为。
• 不要尝试序列化任何DOM、Window这类宿主对象存到本地存储，这类对象都是内存引用，序列化后没有任何实际作用。

内容的提问来源于stack exchange，提问作者Raghu Bedi