不是。iframe是否在独立渲染进程中运行取决于站点隔离策略:跨站iframe强制独占进程,同站iframe默认复用主页面渲染进程,关键判断依据是location.origin(协议+域名+端口)是否相同。

iframe 是否总在独立渲染进程中运行?
不是。Chrome 的 Site Isolation 策略只对跨站 iframe 强制分配独立渲染进程,同站 iframe 默认复用主页面的渲染进程。关键判断依据是 location.origin(协议 + 域名 + 端口)是否完全一致:
-
@#@#@#@#@#@#@#@#@#@0和@#@#@#@#@#@#@#@#@#@1→ 同站(example.com),共享进程 -
@#@#@#@#@#@#@#@#@#@0和@#@#@#@#@#@#@#@#@#@3→ 跨站,强制独立进程 -
@#@#@#@#@#@#@#@#@#@0和@#@#@#@#@#@#@#@#@#@5→ 协议不同 → 跨站 → 独立进程
常见误判是看到多个 <iframe></iframe> 标签就以为开了多个进程——这会导致内存爆炸,Chrome 从不这么做。
如何验证某个 iframe 是否独占渲染进程?
打开 Chrome 任务管理器(Shift + Esc),观察“进程”列中是否出现带“辅助框架”(Auxiliary Frame)标识的条目:
- 该条目对应的就是跨站 iframe 的独立渲染进程
- 同站 iframe 不会触发新进程,也不会在此列表中单独显示;它只是主渲染进程内部的一个
FrameTreeNode实例 - 若看到多个“辅助框架”,说明页面嵌入了多个跨站源(如广告、登录框、第三方 SDK)
也可访问 chrome://process-internals/ 查看更底层的 FrameTree 结构和进程绑定关系。
Electron 中用 iframe 实现多 tab 页为什么容易出问题?
因为 Electron 的主窗口是一个单渲染进程环境,所有动态插入的 <iframe></iframe> 共享同一个 WebContents 上下文:
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML,微信编辑器可直接渲染,无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 任一 iframe 页面崩溃或执行无限循环,整个主窗口卡死
- 多数现代网站(如 Google、GitHub)通过
X-Frame-Options: DENY或Content-Security-Policy: frame-ancestors 'none'明确禁止被嵌入,直接导致白屏或ERR_BLOCKED_BY_RESPONSE错误
替代方案优先级建议:
- 用
BrowserView(推荐):每个 tab 对应独立WebContents,真正模拟浏览器多进程行为 - 用
webview(需谨慎):支持进程隔离,但需手动处理new-window、console、preload等生命周期,且 Electron 22+ 已移除部分 API - 避免纯
<iframe></iframe>多 tab:尤其在企业级后台中,跨站 iframe 数量不可控时,进程爆炸风险极高
为什么不能靠 iframe 数量估算内存占用?
因为进程复用逻辑和站点边界强相关,单纯数 <iframe src="..."></iframe> 标签毫无意义:
- 10 个同站 iframe → 通常只增加少量内存,仍在主渲染进程内
- 3 个跨站 iframe(如
ad.qq.com、login.taobao.com、maps.google.com)→ 至少新增 3 个独立渲染进程,每个含完整 JS 引擎、DOM 树、V8 实例 - 若某跨站 iframe 内又嵌套了另一个跨站 iframe(如广告内嵌第三方追踪脚本),则会触发二级进程隔离
真正影响内存的是跨站边界数量,不是 DOM 节点或 iframe 标签数量。调试时务必以 location.origin 为单位去数,而不是以 HTML 文本中的标签数为准。
跨站判定必须精确到协议、域名、端口三者全等,任何一项不匹配都可能触发额外进程——这点在本地开发(@#@#@#@#@#@#@#@#@#@6 vs @#@#@#@#@#@#@#@#@#@7)和微前端联调时最容易被忽略。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










