iframe嵌入表格单元格时src必须为完整URL，相对路径如"plugin.html"会因浏览器安全策略失败；开发需起本地服务，生产必须用带协议域名的绝对路径，且跨域通信须用postMessage。
iframe 嵌入表格单元格时 src 必须是完整 URL
直接写 src="plugin.html" 或 src="./widget/index.html" 在表格里几乎必然失败——本地双击打开会触发 Not allowed to load local resource，Chrome/Firefox 都不认相对路径。表格本身不改变 iframe 的加载规则，但容易让人误以为“在 td 里就能随便写路径”。
- 开发阶段：起一个本地服务，比如
python3 -m http.server 8000，然后src="http://localhost:8000/plugin.html" - 生产环境：必须带协议和域名，
src="https://yourdomain.com/plugin/v2/embed.js"（注意：如果插件是 JS 脚本而非 HTML，不能直接塞进 iframe src，见下一条） - 特别注意：有些插件实际是 JS SDK（如微信小商店、支付宝生活号），它们提供的是
<script>加载方式，不是 iframe；硬塞进src会导致空白或 MIME 类型错误
table + iframe 组合在 IE 中的渲染断裂问题
IE11 及更早版本对 <td><iframe></iframe></td> 的盒模型处理异常：iframe 宽高常被忽略，td 自动塌缩，导致内容挤成一条线或完全不可见。这不是 iframe 本身的问题，而是 IE 对表格单元格内替换元素（replaced element）的计算缺陷。
- 强制指定
td的min-width和min-height，例如style="min-width: 300px; min-height: 200px;" - 给 iframe 加
style="display: block; width: 100%; height: 100%;"，避免 inline 默认行为干扰表格布局 - IE9– 必须引入
html5shiv，否则若插件页用了<section>或<main>，整个 iframe 内容 DOM 解析失败，显示为空白 - 禁用 IE 兼容视图：
<meta http-equiv="X-UA-Compatible" content="IE=edge">放在<head>最前面
iframe 在 table 中无法自适应高度的真相
表格单元格不会自动撑开以匹配 iframe 内容高度，height="100%" 在 <td> 里无效，因为父级 <tr> 高度未定义。所谓“填满单元格”只是错觉，实际是 iframe 自身裁剪或滚动条出现。
- 纯 CSS 无解：不要尝试
height: 100vh或position: absolute，这会让 iframe 脱离表格流，破坏响应式对齐 - 可行方案：用 JS 监听 iframe 加载完成，再调用
postMessage让子页返回其document.body.scrollHeight，父页动态设置iframe.style.height和td.style.height - 降级处理：为 iframe 设置固定最小高度（如
min-height: 300px），并配overflow: auto，比留白或溢出更可控
跨域插件通信失败的三个典型信号
你在 console 看不到报错，但插件按钮没反应、数据不回传、状态不更新——大概率是跨域通信卡在某个环节。iframe 在 table 里不改变同源策略，但会让调试更隐蔽。
立即学习“前端免费学习笔记（深入）”；
-
Blocked a frame from accessing a cross-origin frame：说明你试图直接读取iframe.contentDocument，这是禁止的，必须改用postMessage - 消息发出去了，子页没响应：检查子页是否写了
window.addEventListener('message', ...)，且没有被 JS 错误中断（加try/catch包裹监听器） - 父页收不到回复：确认
iframe.onload后再发消息，不要依赖setTimeout；同时验证event.origin是否匹配，写死域名比用"*"更安全
表格嵌套 iframe 不增加新能力，只放大已有约束。真正麻烦的从来不是怎么放进去，而是怎么让里面的东西“活”起来——路径、尺寸、通信、兼容性，每个点都得单独过一遍，漏一个就白搭。
