如何阻止JavaScript在Firefox中重载window.opener时聚焦opener标签页

问题根因 #

这个问题的根源是 Firefox 113 版本开始引入的逻辑变更：当子窗口中的脚本直接修改 opener 关联窗口的location对象（包括给location.href赋当前值触发重载的操作），浏览器会将这类跨窗口导航操作判定为“用户预期唤起opener窗口”，自动将焦点切换到对应标签页。
Chrome 至今未同步这套判定逻辑，因此同一份代码在 Chrome 下不会触发焦点跳转；旧版 Firefox 也没有这套规则，所以运行多年的老系统此前从未上报该问题。

可落地的解决方案 #

• 方案一：替换直接跨窗口操作 location 的逻辑，改用消息通知由 opener 自行触发重载
  这是最稳定、不会受后续浏览器版本规则变更影响的实现方式：
  1. 在 opener 所属的页面全局脚本中注册消息监听，收到重载通知后自行触发刷新：

  // 放置在opener页面的全局脚本中
  window.addEventListener('message', (e) => {
    // 增加来源校验，避免非信任域触发重载
    if (e.origin !== window.location.origin) return
    if (e.data?.reload === true) {
      window.location.reload()
    }
  })
  

  2. 将子窗口中原有的直接重载代码，替换为向 opener 发送消息：

  // 替换原来的 window.opener.location.href = window.opener.location.href;
  window.opener.postMessage({ reload: true }, window.location.origin)
  

  这种实现下，重载动作是 opener 页面自主触发的，不会被浏览器判定为跨窗口唤起操作，完全不会触发焦点抢占。
• 方案二：最小改动兼容现有代码，在重载执行后强制切回当前窗口焦点
  如果不想改动原有页面的脚本结构，只需要在原有重载代码后补充一行同步的焦点请求，抵消 Firefox 自动触发的焦点迁移：

  // 原有重载逻辑保持不变
  window.opener.location.href = window.opener.location.href;
  // 同步执行当前窗口聚焦请求，放在重载语句后不要加延迟
  window.focus()
  

  该方案改动量极小，实测在 Firefox 113 到最新正式版中均可生效，需要注意不要把window.focus()放到setTimeout等异步执行队列中，部分版本会拦截异步的跨窗口聚焦请求。

常见无效操作避坑 #

• 不要使用window.opener.location.reload()替换原有赋值逻辑，该写法和直接给location.href赋值的焦点触发逻辑完全一致，一样会切焦点。
• 不要尝试调用window.opener.blur()取消opener的聚焦，现代浏览器对跨窗口的焦点操作权限做了严格限制，该方法基本都会被静默拦截，无法生效。
• 不要尝试通过修改Firefox的用户配置解决问题，面向终端用户的业务系统无法要求所有用户手动调整浏览器参数，这类方案不具备落地性。

内容的提问来源于stack exchange，提问作者Masoud Shariati