关键在于切断 iframe 内部运行时环境与宿主 js 堆的引用链：先设 iframe.src = 'javascript:false' 触发自动清理，再手动清除定时器、事件监听器、observer 和 canvas，最后 remove()；需通过 heap snapshot 验证 htmliframeelement、detached htmldocument 及 closure retainers 是否稳定。
要让宿主页面彻底摆脱第三方 iframe 引起的内存牵连，关键不是“删掉 iframe 标签”，而是切断 iframe 内部运行时环境与宿主 JS 堆的引用链。contentWindow 是核心泄漏点——它一旦残留，就可能带着定时器、事件监听器、Observer、Canvas 上下文甚至整个图表实例一起钉在内存里。
确保 contentWindow 被真正释放
直接 remove() 或设 src="" 不够。必须按顺序执行三步清理：
先让 iframe 加载一个空环境：
iframe.src = 'javascript:false';
这会触发内部 document.open() → close()，多数现代图表库（ECharts v4+、Chart.js v3）会在此阶段自动调用 dispose()-
再手动清空其运行时痕迹（尤其老 SDK 没 destroy 接口时）：
- 遍历并清除所有 setInterval / setTimeout ID（如有缓存）
- 移除绑定在
iframe.contentWindow和iframe.contentDocument上的事件监听器（resize、scroll、message 等） - 调用 IntersectionObserver / MutationObserver 的
.disconnect() - 对 Canvas 元素：
ctx.clearRect(0, 0, canvas.width, canvas.height); canvas.width = canvas.height = 0;
最后才从 DOM 移除：
iframe.parentNode.removeChild(iframe);
注意：不能用innerHTML = ''或display: none替代，节点还在，引用就还在。
验证是否真释放了
别信任务管理器数字。打开 Chrome DevTools → Memory 面板 → 拍 Heap Snapshot：
- 反复开关含该 iframe 的区域（如 tab 切换），每次操作后拍一张快照
- 在 Comparison 视图中筛选：
-
HTMLIFrameElement实例数是否线性增长 -
Detached HTMLDocument是否持续堆积 -
Closure的 Retainers 中是否仍持有contentWindow、document或图表对象（如echartsInstance）
-
任一列稳定上升，说明没清干净。
特殊情况处理
- 若 iframe 是通过
srcdoc注入的静态 HTML：先清空iframe.srcdoc = ''，再设src = 'javascript:false' - IE/Edge Legacy 下
about:blank不可靠，必须用'javascript:false'；document.write('')+close()是历史兼容写法，但现代浏览器已不推荐，且对跨域 iframe 无效 -
CollectGarbage()是 IE 专属，无跨浏览器效果，不建议使用
销毁动作必须同步完成，不能依赖 GC 延迟回收——浏览器不会主动帮你断开那些隐式强引用。
