Chrome 127.0.6533.101中iframe内window.open()返回null但窗口正常打开问题

在Chrome 127.0.6533.101版本中，在同域iframe内执行代码：

const { document: a } = window.open("", "GeometryDocumentation", "width=480,height=640");

会触发错误：

Cannot destructure property 'document' of 'window.open(...)' as it is null

但实际窗口能正常以指定宽高打开，且未开启弹窗拦截、无广告拦截器，Safari环境下无此问题，iframe与父页面域名完全一致。

问题原因 #

Chrome在同域iframe内调用window.open时存在时序差异：窗口虽已创建，但返回的window对象可能还未完成初始化流程，暂时返回null，导致解构document失败。而Safari的窗口初始化逻辑不同，能立即返回可用的window对象。

解决办法 #

• 延迟获取document，利用短时间等待窗口完成初始化：

const newWindow = window.open("", "GeometryDocumentation", "width=480,height=640");
setTimeout(() => {
  const { document: a } = newWindow;
  // 这里写后续需要操作document的代码
}, 100);

• 监听新窗口的load事件，确保窗口完全加载后再操作：

const newWindow = window.open("", "GeometryDocumentation", "width=480,height=640");
newWindow.addEventListener('load', () => {
  const { document: a } = newWindow;
  // 这里写后续需要操作document的代码
});

• 若需要复用窗口，可先打开窗口，后续通过窗口名称重新获取：

// 先打开窗口
window.open("", "GeometryDocumentation", "width=480,height=640");
// 在合适时机（比如用户交互后或延迟后）获取窗口对象
const newWindow = window.open("", "GeometryDocumentation");
const { document: a } = newWindow;

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