<object>标签无法可靠监听PDF加载状态，不触发真正完成事件、无法访问内容、移动端fallback失效，推荐改用<iframe>或pdf.js。
Object标签根本没法监听PDF加载状态
写 <object> 时加 onload 或监听 load 事件，基本没用。浏览器只会在 DOM 节点插入完成时触发，不等 PDF 渲染完毕——你看到白屏、进度条卡住、甚至页面滚动失效，onload 早就执行完了。
真正需要的“加载完成”信号（比如页数、缩略图就绪、文本可选中）它完全不暴露。Chrome/Firefox 都不支持 <object> 的 contentDocument 访问 PDF 内容，Safari 更是直接拒绝返回任何文档引用。
- 别试图用
document.querySelector('object').contentDocument拿 PDF DOM —— 在所有主流浏览器里都会报SecurityError或返回null - 想做页码跳转？
#page=5参数在data里写进去，但 iOS Safari 和部分安卓 WebView 会忽略，只显示第一页 - 需要搜索文本或高亮关键字？
<object>不提供 API，连是否渲染成功都无从判断
移动端 fallback 几乎从不生效
很多人写 <object data="doc.pdf" type="application/pdf"><p>请下载</p></object> 是为了兜底，但现实是：iOS Safari、微信内置浏览器、QQ 浏览器等几乎永远不显示里面的 <p>。它们要么强行调起系统 PDF 应用，要么静默失败，连控制台都不报错。
原因在于现代浏览器对 type="application/pdf" 的处理逻辑已转向“优先交由系统处理”，而不是走 HTML fallback 流程。即使你删掉 type 属性，<object> 在移动端也大概率被降级为下载链接。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
data值含中文或特殊字符（如report.pdf?name=张三）会导致请求根本发不出，fallback 内容也不渲染 -
<p>必须是合法子节点，但<noembed>已被所有现代浏览器忽略，别再用 - 真要 fallback，得靠 JS 检测
object元素高度是否为 0 或监听error事件（但该事件在 PDF 加载失败时也常不触发）
为什么 iframe 比 object 更适合嵌 PDF
不是因为 iframe “更好看”，而是它绕过了插件协商和 MIME 类型校验这两套老机制。Chrome/Edge/Firefox/Safari（iOS 15+）都把 <iframe src="xxx.pdf"> 当作第一顺位渲染路径，不依赖 type，不触发插件流程，加载更稳、手势缩放默认开启、全屏按钮可配 allow="fullscreen"。
<object> 还在走旧式资源嵌入协议，而 PDF 已被浏览器当作“一类文档”而非“插件内容”来对待。硬要用 <object>，等于主动退回十年前的兼容层。
- 删掉
type="application/pdf"—— 它在移动端反而触发降级，iOS Safari 看到这个属性就放弃内嵌 - 不用
<object>就不用操心<param name="allowFullScreen" value="true">这种无效配置 - 如果必须保留
<object>（比如老系统强依赖），至少确保data是完整 HTTPS URL，且服务器返回Content-Type: application/pdf和Accept-Ranges: bytes
真正需要交互控制时，pdf.js 是唯一靠谱选择
当你需要页码跳转、文本搜索、打印、注释、自定义工具栏，或者要解决跨域、iOS 强制下载、加载失败重试这些 <iframe> 和 <object> 都搞不定的问题，就得上 pdf.js。它不是“可选方案”，而是事实标准。
但别直接丢个 pdf.worker.min.js 就完事：worker 路径配错、字体 MIME 类型没设、没启用流式加载，照样白屏或卡死。
- worker 必须通过
PdfJSLib.GlobalWorkerOptions.workerSrc显式指定，不能靠相对路径自动发现 - PDF 文件若托管在 CDN（如 Cloudflare R2），需确保服务端返回
Access-Control-Allow-Origin: *，否则pdf.js读取失败无提示 - 大文件（>5MB）务必开启流式加载：
PDFJS.getDocument({ url: 'xxx.pdf', cMapUrl: '/cmaps/', useWorker: true })，否则内存爆掉
复杂点不在代码行数，而在响应头、CORS、worker 路径、字体支持这四个地方——漏一个，pdf.js 就只是个花瓶。
