iframe能隔离是因创建独立浏览上下文（window/document/JS环境），阻断父页直接访问；但常失效因未主动清理——子页定时器、监听器、Observer等不随remove()自动释放，导致Detached HTMLDocument内存泄漏。
用 iframe 隔离第三方插件，本质不是“自动防泄漏”，而是靠独立浏览上下文切断引用链——但必须主动清理，否则隔离失效，内存照涨。
为什么 iframe 能隔离，又为什么常失效
iframe 创建独立的 window、document 和 JS 执行环境，天然阻断父页面对子页面 DOM/变量的直接访问，这是它能做内存隔离的基础。但问题在于：很多第三方插件（如老版百度地图、Highcharts v3、ECharts v2）在初始化时，会往自己的 window 或 document 上挂定时器、监听 resize/message、创建 MutationObserver，甚至缓存 canvas 上下文。这些资源不会随 iframe 元素被 remove() 自动释放——子页面 JS 环境仍在后台运行，形成 Detached HTMLDocument，GC 无法回收。
三步强制清空子环境（顺序不能错）
仅设 src = '' 或直接 remove() 是无效的。可靠做法是：
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
-
第一步：重置文档上下文 —— 执行
iframe.src = 'javascript:false'。这会触发子页面document.open(); document.close()，多数 SDK（如 AMap v2、ECharts v4+、百度地图 v2）在此时机自动执行内部destroy()流程； -
第二步：切断父页强引用 —— 显式置空所有对
contentWindow的持有，例如this.mapWin = null或iframe.contentWindow = null。否则即使 iframe 已移除，只要父页面还存着这个引用，整个子文档就卡在内存里； -
第三步：移除 DOM 节点 —— 最后调用
iframe.remove()。确保它彻底脱离文档树，不参与后续渲染或事件冒泡。
跨域场景必须解绑 window.message
如果用了 postMessage 与跨域 iframe 通信，监听器通常绑定在父页面的 window 上，而非 contentWindow。这类监听器不会随 iframe 消失而清除：
- 确认是否写了
window.addEventListener('message', handler)； - 清理前必须同步执行
window.removeEventListener('message', handler)； - 若
handler是匿名函数，需提前保存引用，或改用具名函数/箭头函数并缓存。
老 SDK 没 destroy 接口？手动清“三件套”
针对 Highcharts v3、BMap v1.x 等无公开销毁 API 的库，需在 src = 'javascript:false' 后、remove() 前插入清理逻辑：
- 在
requestAnimationFrame或setTimeout(() => {}, 0)中操作，确保子文档已关闭； - 清除所有定时器：
iframe.contentWindow.clearInterval(id)、clearTimeout(id)（ID 需提前缓存）； - 解绑监听器：
iframe.contentWindow.removeEventListener('resize', fn)、iframe.contentWindow.document.removeEventListener('scroll', fn)； - 断开观察者：
iframe.contentWindow.IntersectionObserver?.disconnect()、MutationObserver?.disconnect()； - Canvas 类插件还要手动清空：
ctx.clearRect(0, 0, canvas.width, canvas.height)并重置canvas.width = canvas.height = 0。
怎么验证真清干净了
打开 Chrome DevTools → Memory 面板 → 点击 Collect garbage（小垃圾桶图标）→ 拍摄 Heap Snapshot → 切换到 Comparison 视图 → 筛选：
-
BMap/AMap/ECharts等构造器实例数是否随开关次数线性增长； -
HTMLIFrameElement和Detached HTMLDocument是否持续堆积； -
Closure的 Retainers 里是否还挂着contentWindow或图表/地图实例。
