object标签现仅可靠加载pdf，需满足：data为http(s) url、type严格为"application/pdf"、服务端返回content-type: application/pdf；html嵌入及param/onload/onerror均已失效。
object标签现在只能可靠加载PDF
现代浏览器（Chrome 88+、Firefox 85+、Edge 90+、Safari 14+）已彻底移除 NPAPI/ActiveX 插件接口，object 标签对 Flash、Java Applet、QuickTime 等插件完全失效——不是写法问题，是底层能力已被砍掉。你写的 <object type="application/x-shockwave-flash"></object> 不会触发任何加载逻辑，控制台只显示 Failed to load resource，既不报错也不进 onerror，更不会渲染 fallback。
目前唯一仍被主流浏览器原生支持的用途，只有 PDF 嵌入，但必须同时满足三个硬条件：
-
data必须指向可访问的 HTTP(S) URL（file://协议下多数浏览器拒绝加载） -
type必须严格为"application/pdf"（写成"pdf"、"text/pdf"或留空均无效） - 服务端响应头必须包含
Content-Type: application/pdf；Nginx/Apache 若未配置 MIME 类型，浏览器可能直接下载或白屏
加 typemustmatch 属性可强制校验响应头与 type 是否一致，避免返回 HTML 却被当 PDF 渲染。
type="text/html" 在现代浏览器中基本不可用
虽然部分旧文档提到用 <object data="sidebar.html" type="text/html"></object> 加载 HTML 片段，但实际在 Chrome 95+、Edge 100+ 和新版 Firefox 中已被限制或静默忽略。尤其本地开发时用 file:// 协议打开，几乎必然失败；必须部署在 HTTP 服务下才可能触发加载，且仍受跨域策略约束。
常见错误现象包括：
- 页面空白，控制台无报错，
onload和onerror均不触发 - 目标 HTML 文件路径正确，但因同源限制被拦截，浏览器不提示 CORS 错误，只留白
- 即使成功加载，嵌入内容无法继承父页面样式，JavaScript 作用域隔离，交互逻辑难以打通
真正需要动态加载 HTML 片段时，应改用 fetch() + innerHTML 注入，或后端模板 include，而非依赖 object。
fallback 内容经常不显示，原因很具体
object 的 fallback 不是“兜底文案”，而是浏览器明确判定资源加载失败后才渲染的合法子节点。它失效的典型场景有：
- 写了注释
<!-- 备用提示 -->或纯文本（如直接写“加载失败”），这些不被视为可渲染内容 -
data路径拼错（如"./pdfs/report.pdf"实际在"/static/files/"），浏览器静默白屏，不触发 fallback - 服务端返回了 PDF 文件但
Content-Type是text/plain，浏览器尝试按文本渲染，既不报错也不走 fallback -
<param>放在object内部，但它不参与 fallback 流程，且在现代浏览器中完全被忽略
有效的 fallback 必须是合法 HTML 元素，例如：<p>PDF 加载失败，请@#@#@#@#@#@#@#@#@#@0</p>。
别碰 param，也别信 onload/onerror
<param> 标签在现代浏览器中已无实际作用——它依赖插件宿主环境读取参数，而该环境早已不存在。无论你写 <param name="src" value="a.pdf"> 还是 <param name="page" value="3">，内置 PDF 查看器根本不解析。
同样，onload 和 onerror 事件在 PDF 场景下也不可靠：
-
onerror几乎从不触发，网络失败时只显示Failed to load resource -
onload仅在极少数同源 SVG 或 PDF 渲染就绪后才触发，不能代表“加载成功”，更无法区分加密 PDF、权限拒绝等静默失败
真正可控的行为控制，应该绕过 object：PDF 用 <iframe src="report.pdf"></iframe> 替代，音视频换 <video></video>/<audio></audio>，交互图表迁移到 SVG + JS，旧系统迁移则优先评估是否真需保留插件逻辑。
最容易被忽略的是服务端响应头和路径可访问性——前端写得再标准，只要 Nginx 少配一行 types { application/pdf pdf; }，整个嵌入链就断在第一步。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
