object标签fallback在资源加载失败、类型不支持或插件缺失时自动渲染内部html内容；必须写可渲染元素（如），禁用注释或空格，且需服务端content-type与type严格匹配。
object 标签加载失败时如何触发 fallback 内容
object 标签本身不依赖 JavaScript 就能实现降级显示，关键在于它的内容体（即开始与结束标签之间的部分）会被浏览器当作 fallback 渲染——**仅当资源加载失败、类型不支持或插件缺失时才显示**。这不是靠 onerror 事件，而是原生行为。
常见错误是把 fallback 写成空标签或只放注释，比如 <object data="pdf.pdf"><!-- fallback --></object>，这不会渲染任何可见内容。必须放可渲染的 HTML 元素：
- 直接写文本：
<object data="chart.svg">图表无法加载，请升级浏览器</object> - 嵌套
img或iframe：<object data="anim.swf"><img src="static-chart.png" alt="静态图表"></object> - 甚至可以嵌套另一个
object（但需注意嵌套深度和 MIME 类型匹配）
type 属性不匹配会导致 fallback 立即生效
如果显式写了 type 属性，而服务器返回的响应 Content-Type 与之不一致，多数浏览器（Chrome、Firefox）会直接放弃加载并展示 fallback。例如：
<object data="map.pdf" type="application/x-shockwave-flash"> <p>请安装 Flash 插件（已淘汰）或下载 PDF</p> </object>
这段代码中，type 声明的是 Flash，但实际资源是 PDF，浏览器发现 MIME 不匹配，连请求都可能不发，直接走 fallback。
- 省略
type让浏览器自动推断更稳妥 - 若必须指定，请确保服务端响应头
Content-Type与之严格一致（如 PDF 必须是application/pdf） - Safari 对
type更敏感，即使小写/大小写不一致（如Application/PDF）也可能触发 fallback
object 加载 PDF 在现代浏览器中的兼容性陷阱
用 object 显示 PDF 看似简单，但实际行为高度依赖环境：
- Chrome 和 Edge：内置 PDF 查看器，通常正常显示；但如果用户禁用了 PDF 插件（
chrome://plugins已废弃，现为chrome://settings/content/pdfDocuments），就会 fallback - Firefox：默认使用内置查看器，但若 PDF 跨域且未带
Access-Control-Allow-Origin，会静默失败并 fallback（控制台报Cross-Origin Request Blocked） - Safari：对本地文件（
file://协议）下的 PDF 直接拒绝加载，必然 fallback；必须通过 HTTP(S) 服务提供 - 移动端 iOS Safari：完全不支持
object加载 PDF，始终 fallback
因此，单纯依赖 object 显示 PDF 并不可靠，fallback 内容里最好提供明确的下载链接：@#@#@#@#@#@#@#@#@#@0。
如何检测 object 是否真正加载成功
没有标准 DOM 事件能 100% 可靠判断 object 加载完成。load 事件在 Chrome 中对 PDF 有时触发，Firefox 中常不触发；error 事件也并不可靠（尤其 MIME 不匹配时可能根本不抛错）。
较实用的保守策略是：设置超时 + 检查 offsetWidth：
const obj = document.querySelector('object');
setTimeout(() => {
if (obj.offsetParent === null || obj.offsetWidth === 0) {
// 很可能 fallback 已生效，或资源未渲染
console.log('object 未有效加载');
}
}, 2000);
这个方法不完美，但比监听事件更贴近真实渲染状态。真正的健壮方案仍需服务端配合（如预检 PDF 可访问性）或改用 iframe + onload（对同域 PDF 更稳定）。
最易被忽略的一点：object 的 fallback 内容在 SSR 或静态 HTML 中就应存在，不能靠 JS 动态注入——否则首屏加载失败时用户什么都看不到。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
