Chrome 115+ iframe空白首要排查src可访问性：手动访问src URL确认200响应及text/html类型，禁用display:none父容器、避免混合内容与CSP拦截，srcdoc需含完整HTML结构。
检查 src 是否真实可访问且返回 HTML
iframe 空白但控制台无报错，第一怀疑点是 src 指向的地址根本没返回有效 HTML。Chrome 115+ 对加载失败更“安静”——不报错、不重试、直接留白。
- 手动在新标签页打开
src的完整 URL，确认 HTTP 状态码是200，响应头Content-Type是text/html - 避免使用构建变量（如
BASE_PATH）或未解析的占位符；先硬编码绝对路径测试，例如：src="/report/preview.php?id=42" - 若服务端返回重定向（
302）、登录跳转（307）或空响应（204），iframe 就会静默空白
确认 iframe 是否被 display: none 阻断加载
Chrome 115 起，如果 iframe 初始处于 display: none 的父容器中，浏览器可能跳过资源加载流程——后续即使 show() 或 css("display", "block")，也不会补发请求。
- 不要写：
<div style="display:none"><iframe src="..."></iframe></div> - 改用视觉隐藏但保留渲染上下文的方式：
visibility: hidden; opacity: 0; position: absolute;，并在显示前确保src已设好 - 或改用 HTML5
hidden属性：<iframe hidden src=""></iframe>，它不会阻止加载，只控制可见性
验证 srcdoc 内容是否为完整 HTML 文档
用 srcdoc 时空白，大概率是内容被当成了片段而非文档。浏览器不会自动补 <html> 和 <body>，尤其在 Safari 和 Firefox 中表现明显。
-
srcdoc值必须是完整 HTML 字符串，至少包含：<!DOCTYPE html><html><head><title>X</title></head><body>...</body></html> - 外层属性值必须用单引号包裹：
srcdoc='<div style="color:red">OK</div>'；若用双引号包裹，内部style="..."会导致截断 - 动态拼接时，对用户输入内容做 HTML 实体编码（
<→），否则 <code><script>或<div可能破坏结构
排查混合内容与 CSP 拦截（尤其 HTTPS 页面嵌 HTTP）
Chrome 115 加强了混合内容策略：HTTPS 页面中加载 HTTP 的 iframe 会被静默拦截，Network 面板看不到请求，Elements 里 iframe 为空，Console 也无提示。
立即学习“前端免费学习笔记（深入）”；
- 检查 iframe 的
src协议是否与主页面一致；HTTP 页面嵌 HTTPS 通常允许，但 HTTPS 页面嵌 HTTP 几乎必被拦 - 查看浏览器地址栏左侧的锁形图标，点击 → “网站设置” → 查看“不安全内容”是否被阻止
- 临时禁用 CSP 测试：在响应头移除
Content-Security-Policy，或添加frame-src 'self' https:白名单
display: none 容器里的 iframe、srcdoc 缺 <html>、或 HTTPS 页面里一个被静默拦截的 HTTP 地址——它们都不抛异常，只留一片白。 
