背投广告在现代浏览器中已完全不可行，因所有主流浏览器强制要求 window.open() 必须由用户直接激活事件（如 click）同步触发，异步调用均被静默拦截；合法替代方案仅限绑定真实用户点击的前台弹窗或模态广告。
背投广告（即用户离开当前标签页后，在后台悄悄打开新窗口/标签页的广告）在现代浏览器中已完全不可行，所有尝试都会被静默拦截，控制台只报 Blocked opening 'xxx' in a new window because the request was made without user activation. —— 不是代码写得不够巧，而是浏览器策略层面彻底封死。
为什么 window.open() 在背投场景下必然失败
Chrome、Edge、Firefox、Safari 均强制要求：调用 window.open() 的 JS 执行上下文必须处于“用户激活态”（User Activation），即直接由 click、keydown 等可感知的用户操作同步触发。任何异步路径（setTimeout、fetch.then、visibilitychange、pagehide、blur）都立即失去激活状态。
- 监听
visibilitychange或pagehide后调用window.open()→ 必拦 - 页面加载完 3 秒自动弹 → 必拦
- 用户切到其他标签页再切回来时触发 → 必拦（此时已无激活）
-
window.open(url, '_blank')不加特性参数（如width/height）→ 部分浏览器直接拒绝打开，或降级为前台标签页
所谓“后台弹窗”的合法替代方案只有这一种
唯一能稳定触发新窗口且不被拦截的方式，是把跳转动作绑定在用户真实、不可跳过的点击行为上，并确保跳转 URL 是业务必需的、非广告导向的——比如“下载文件”、“导出报表”、“打开帮助文档”。广告类跳转仍可能被部分浏览器标记为可疑。
- 按钮 HTML 必须是原生可聚焦、可键盘触发的：
- JS 绑定必须是直接事件回调：
btn.addEventListener('click', () => window.open('/export?token=xxx', 'export_win'))，不能包在 Promise.then 或 setTimeout 里 - 第二个参数（窗口名）建议用唯一值（如
'export_' + Date.now()），避免复用旧窗口导致内容覆盖 - 第三个参数（特性字符串）必须显式声明尺寸与行为：
'width=800,height=600,left=100,top=100,scrollbars=yes,resizable=yes'；漏掉scrollbars会导致内容溢出无法滚动
如果非要推广告，只能走前台模态弹窗 + 用户确认
所谓“后台弹窗”本质是转化率焦虑催生的黑产思路，现在合规路径只剩一个：把广告逻辑前置到用户主动交互节点，并用模态弹窗承载。例如：
- 用户点击“立即领取优惠券”按钮 → 触发
showAdModal()，展示带倒计时和跳转按钮的弹窗 - 弹窗内按钮跳转必须用
，而非window.open() - 弹窗本身需满足基础可访问性：
role="dialog"、aria-modal="true"、tabindex="-1"、关闭后恢复焦点和滚动位置 - 禁用页面滚动必须用
document.body.style.overflow = 'hidden'+ 保存window.scrollY，关闭后window.scrollTo(0, savedY)，否则用户返回时丢失位置
真正难的不是怎么写弹窗 DOM，而是如何在不触发浏览器反制的前提下，让广告出现在用户注意力最集中的那个点击瞬间——这需要产品设计配合，不是前端补丁能解决的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
