object标签仅支持PDF嵌入，data路径与type="application/pdf"必须严格匹配，服务端响应头需为Content-Type: application/pdf，动态切换需重建节点，宽高应使用CSS控制，Flash等插件已全面失效。
object标签嵌入PDF时data和type必须严格匹配
PDF是当前唯一能在现代浏览器中稳定运行的
-
data必须指向可访问的 PDF 路径（如"./docs/manual.pdf"或"https://example.com/file.pdf"），不能是相对路径误算导致 404 -
type必须写成"application/pdf"—— 写成"pdf"、"text/pdf"或留空，浏览器一律跳过渲染 - 服务端响应头必须含
Content-Type: application/pdf；若返回text/plain或application/octet-stream，哪怕type写对，也会 fallback - 加
typemustmatch属性可强制校验 MIME 类型，避免 HTML 被误当 PDF 渲染（例如服务端配置错误时）
本地开发用 file:// 协议时，Firefox 可能忽略 type、只认后缀名，建议统一用 http://localhost 启服务预览。
动态切换PDF内容必须销毁并重建object节点
改 data 属性不触发重载——这是最常踩的坑。Chrome/Firefox/Safari 均不响应后续修改，已渲染内容不会更新，也不会重新发请求。
- 正确做法是：用
document.createElement('object')创建全新节点，完整设置data、type、width、height和所有<param>子元素 - 替换时用
el.parentNode.replaceChild(newObj, el)，不能只改属性 - 原
<object></object>若含内联<param>（如 PDF.js 自定义参数），必须手动cloneNode(true)复制过去 - 为防闪屏，可先设
newObj.style.display = 'none'，监听load事件后再display = 'block'
宽高控制建议用CSS而非HTML属性
width 和 height 写在 HTML 属性里，在响应式布局中容易失效，且浏览器可能渲染为 0×0 区域导致白屏。
立即学习“前端免费学习笔记（深入）”；
- 推荐用
style="width:100%; height:600px;"或外部 CSS 控制尺寸，内联样式优先级更高、更可靠 - 若需填满容器，用
style="width:100%; height:100%;"并确保父级有明确高度（如min-height: 600px） - 不要依赖
<object></object>的width/height属性做响应式适配，它不支持百分比值（部分浏览器会忽略）
Flash/Java等插件类资源已彻底不可用
Chrome v45+、Firefox v52+、Edge v14+、Safari 更早版本，已全部移除 NPAPI/ActiveX 支持。classid、codebase、flashvars 等参数静默失效，控制台通常只显示 Failed to load resource，不报错、不触发 onerror、也不渲染 fallback 内容。
-
type="application/x-shockwave-flash"或type="application/x-java-applet"不再起作用，别再试 - 所谓“还能用”的页面，基本运行在 IE11 + 内网 ActiveX 环境，或误把 SVG/PDF 当成插件
- 音频/视频请直接用
<video></video>或<audio></audio>；需要 Flash 功能（如旧课件）应迁移到 PDF.js、WebAssembly 或 H5 Canvas 方案
真正难的不是写对标签，而是意识到：object 已退化为一个“仅限 PDF 的受控容器”，其余能力在 2026 年早已蒸发。任何试图复用旧插件逻辑的尝试，都会卡在无日志、无提示、无回退的静默失败上。
