object标签fallback不触发的主因是浏览器未判定为加载失败，仅当data返回404/500、CORS拦截、file://被拒或Content-Type与type不匹配时才生效；路径错误、中文URL、type不严、服务端MIME未配置等均导致白屏而非降级。
object标签fallback不触发的常见原因
fallback内容不显示，90%不是代码写错，而是浏览器根本没判定为“加载失败”。object只在明确满足以下任一条件时才渲染内部子内容：data返回HTTP 404/500、CORS拦截、file://协议被拒绝、服务端响应头Content-Type与type不匹配（比如返回text/html却声明application/pdf）。路径拼错（如./pdfs/report.pdf实际在/static/files/）不会触发fallback，只会白屏。
-
data必须是HTTP(S)可访问URL，file://下Chrome/Firefox多数直接拒绝加载，连错误事件都不发 -
type必须严格为application/pdf，写成pdf、text/pdf或留空，浏览器会静默跳过内嵌逻辑 - 服务端必须返回
Content-Type: application/pdf，Nginx/Apache未配MIME类型会导致空白或强制下载 - 加
typemustmatch属性能强制校验响应头与type一致，避免HTML冒充PDF被渲染
PDF场景下如何让fallback真正生效
移动端和现代桌面浏览器对object的PDF处理逻辑已转向“交由系统应用打开”，导致fallback经常失效。要提高成功率，得绕开浏览器插件协商流程：
- 改用
<iframe src="report.pdf"><p>PDF加载失败</p></iframe>——它不依赖type，不触发MIME校验，iOS Safari 15+、Chrome、Edge都默认支持内嵌渲染 - 若必须用
object，fallback内容必须是合法HTML元素，如<p>请下载</p>，不能是注释<!-- 备用提示 -->或纯文本 - 不要嵌套
<param>，它在PDF场景中完全被忽略；传参应走URL查询字符串，如data="report.pdf?zoom=80" - 检测是否fallback失败：监听
error事件（虽不总触发），或定时检查object.offsetHeight === 0后手动插入降级内容
多层降级结构怎么写才可靠
object原生支持嵌套，但每层都依赖自身data和type正确，否则整个链路断裂。典型可靠结构是SVG → PNG → 文字表格：
<object data="chart.svg" type="image/svg+xml">
<object data="chart.png" type="image/png">
<p>图表加载失败，数据如下：</p>
<table><tr><td>Q1</td><td>120</td></tr></table>
</object>
</object>- 每层
object必须闭合，漏掉</object>会导致后续所有fallback被忽略 - 第一层
data若指向404，浏览器立即进入第二层；但若服务端返回HTML却声明SVG MIME，则可能静默渲染乱码，不进fallback - 避免在
data里用中文或特殊字符（如report.pdf?name=张三），部分WebView会直接中断请求，且fallback也不渲染 - 首屏关键信息别全塞进外部资源，文字表格这类降级内容应直接写死，确保无JS也能呈现
为什么onerror和onload基本不能信
object的onerror和onload在PDF以外的场景几乎无效，这不是bug，是设计使然——现代浏览器已移除NPAPI/ActiveX插件宿主环境，没了执行上下文，事件就无处触发。
立即学习“前端免费学习笔记（深入）”；
-
onerror在Chrome/Firefox中对PDF常不触发，控制台只显示Failed to load resource，无JS错误可捕获 -
onload仅表示DOM节点插入完成，不代表PDF渲染就绪；你看到白屏或进度条卡住时，onload早已执行完毕 -
contentDocument在PDF嵌入后一律为null，Safari报SecurityError，无法通过JS读取页数或搜索文本 - 真正需要“加载完成”信号时，优先考虑
pdf.js方案，它提供getMetadata()、numPages等可控API
最容易被忽略的点是：PDF fallback 是否在服务端 404、CORS 阻止、Content-Type 不匹配、加载超时等任意一种情况下都覆盖到了——前端写的再漂亮，只要服务端响应头不对，fallback 就是摆设。
