iframe中谷歌链接无法在新窗口打开：跨源opener策略问题

问题原因 #

Chrome对嵌入在带sandbox属性的iframe中的跨源弹出窗口有更严格的安全校验：目标页面返回了cross-origin-opener-policy: same-origin-allow-popups响应头，而iframe的sandbox默认限制会阻止这类弹出窗口加载；Safari的安全策略对此兼容度更高，因此能正常打开。

可行解决办法 #

1. 调整iframe的sandbox属性 #

如果你的iframe带有sandbox属性，必须新增两个权限值：allow-popups和allow-popups-to-escape-sandbox，让弹出窗口可以突破sandbox限制，适配目标页面的COOP头。修改后的iframe示例：

<iframe sandbox="allow-popups allow-popups-to-escape-sandbox [其他原有权限]" src="你的iframe源地址"></iframe>

2. 用JavaScript触发弹出窗口 #

给a标签添加点击事件，通过window.open手动打开链接，替代默认跳转行为。同时确保iframe的sandbox（如果有）包含allow-scripts权限：

<a href="https://www.google.com/travel/flights/s/3nDqYBmu3h4Jfmwm6" target="_blank" onclick="window.open(this.href); return false;">Purchase Flight</a>

3. 移除iframe直接放置链接 #

如果业务允许，将该a标签直接放在主页面中而非iframe内，这样就不会触发sandbox与COOP头的冲突限制，Chrome即可正常打开新标签页。

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