window.focus()/window.close()操作谷歌域名窗口在Chrome/Firefox失效

尝试复用已打开的浏览器窗口，计划通过.focus()方法（或先.close()再重新打开新窗口）实现，但针对谷歌域名的URL时，该功能在Firefox（109.0.1 64位）和Chrome（111.0.5563.64 官方版本 x86_64）中失效，操作系统为MacOS BigSur 11.7；而在Safari（6.3 (16614.4.6.11.4, 16614)）中可正常运行。

失效的谷歌域名示例 #

• https://www.google.com/
• https://translate.google.com/
• https://maps.google.com/maps?q=&layer=c&cbll=44.6514203255951,-63.57586876433356

测试代码 #

参考相关方案编写的测试代码如下：

<script>
    window.openOrFocus = function(url, name, style = "width=500,height=500") {
        if (!window.popups)
            window.popups = {};
        if (window.popups[name]){
            window.popups[name].focus();
        } else{
            window.popups[name] = window.open(url, name, style);
        }
    }
</script>
<a href="#" onclick='window.openOrFocus("https://www.google.com/","google","width=500,height=500");'>Open/focus GOOGLE window</a></br>
<a href="#" onclick='window.openOrFocus("https://www.youtube.com/","youtube","width=500,height=500");'>Open/focus YOUTUBE window</a>

异常现象 #

• Firefox中window.popups显示为‘Restricted’
• Chrome中谷歌窗口的closed参数显示为true，但窗口实际并未关闭

这是谷歌域名的同源策略限制与浏览器安全机制共同作用的结果：

1. 跨源通信阻断：谷歌页面会设置Cross-Origin-Opener-Policy（COOP）等安全响应头，强制阻断父页面与跨源子窗口的通信链路，导致父页面无法获取子窗口的控制权，.focus()、.close()等方法失效。
2. 浏览器权限限制：Chrome和Firefox为防范恶意页面滥用窗口控制权限，对跨源窗口的操作做了严格限制，而Safari的安全策略在该场景下相对宽松。

由于这是浏览器和谷歌域名的底层安全限制，没有完美的通用解决办法，但可以尝试以下思路：

1. 浏览器扩展实现：借助浏览器扩展的特权API控制窗口，扩展不受普通页面的同源策略限制，可直接实现跨源窗口的聚焦与复用。
2. 复用窗口名重定向：直接调用window.open并指定相同窗口名，浏览器会自动复用已打开的同名窗口（若存在）并导航到目标URL，部分场景下可替代聚焦操作：

   window.openOrFocus = function(url, name, style = "width=500,height=500") {
       const win = window.open(url, name, style);
       win?.focus(); // 尝试聚焦，部分场景仍有效
   }
   

3. 规避跨源场景：若业务允许，尽量在同域名内实现窗口复用；谷歌域名不允许被iframe嵌入，因此iframe方案不可行。

内容的提问来源于stack exchange，提问作者David Gruian