如何用window.open在业务处理完毕后自动弹出支付或授权页面？

本文共计1180个文字，预计阅读时间需要5分钟。

现代浏览器对非用户主动触发的window.open()调用进行了限制，在异步回调（如API响应后）直接调用时，往往会被当作非手动行为而静默认屏。这不是bug，而是安全策略——支付/授权页面必须由用户真实点击发起。

常见错误现象：window.open 返回 null，控制台报 Blocked opening 'xxx' because the user didn't interact with the page；或者新窗口一闪即关。

• 必须在用户点击事件的同步执行流中调用 window.open，且不能延迟到 setTimeout、Promise.then 或接口回调里
• 不能先 let w = window.open('about:blank') 占位，再在后续赋值 w.location.href —— 多数浏览器已不认这种“绕过”
• 如果业务处理耗时（如提交订单、生成支付单），需把 window.open 提前到点击瞬间，并保持窗口打开状态，等服务端返回后再跳转

正确做法：点击时开窗 + 后续 location.replace

核心思路是“两步走”：用户点按钮的那一刻立刻打开一个空白窗口（或带 loading 的临时页），拿到窗口引用；等后端返回支付 URL 后，用 location.replace 替换该窗口内容。这样既满足“用户主动触发”，又避免新开多个窗口。