object嵌入PDF的核心要求是：data必须指向可访问、同源且服务端返回Content-Type: application/pdf的URL；type必须显式设为"application/pdf"；需设置宽高，否则区域塌陷不可见。
object 标签里设 PDF 地址，核心就一条：data 属性必须指向一个可访问、同源、且服务器返回 Content-Type: application/pdf 的 URL。
data 属性值必须是有效路径，不是随便填的字符串
常见错误是写成 data="docs/report.pdf" 却没确认该路径在浏览器中能直接打开（比如访问 https://yoursite.com/docs/report.pdf 能下载或预览）。如果 404 或跳登录页，object 就只会显示空白或 fallback 文本。
- 优先用相对路径（如
data="assets/manual.pdf"），但必须相对于当前 HTML 文件所在位置 - 绝对路径要带协议和域名（如
data="https://cdn.example.com/files/guide.pdf"），但注意跨域问题 - 不能用
file://协议——本地双击 HTML 打开时，绝大多数现代浏览器会拒绝加载
跨域 PDF 会被拦截，控制台报错 Blocked loading resource from cross-origin URL
浏览器对 object 的 data 是严格遵循 CORS 的。即使 PDF 文件公开可访问，若服务端没配 Access-Control-Allow-Origin，Chrome/Firefox 会静默失败，不渲染也不报明显错误（只在 Console 里有 CORS warning）。
- 开发阶段可用本地 server 启动（如
npx serve），避免file://限制 - 线上用跨域 PDF？必须确保目标服务器响应头含
Access-Control-Allow-Origin: *或指定域名 - 企业内网常见情况：PDF 存在另一套系统（如 SAP/SharePoint），默认不支持 CORS，这时
object基本不可用，得换方案（如后端代理或pdf.js）
type="application/pdf" 不是可选，是强制要求
漏写 type 属性，Safari 和旧版 Edge 可能直接忽略渲染逻辑；即使 Chrome 有时能“猜对”，也不稳定。
立即学习“前端免费学习笔记（深入）”；
- 必须显式声明：
type="application/pdf" - 不要写成
type="pdf"、type="application/x-pdf"等非标准值 - 服务端返回的 MIME 类型也得匹配，否则 Safari 会拒载（哪怕
data和type都对）
宽高不设会导致 PDF 区域塌陷，看起来像“没加载”
object 默认没有尺寸，如果只写 <object data="a.pdf" type="application/pdf">，它在页面上占 0×0 像素——你不是没加载成功，是它根本不可见。
- 至少设
width和height（单位可以是px、%或vh） - 响应式场景建议用 CSS 控制：
style="width:100%; height:70vh;"，比 HTML 属性更灵活 - 别依赖
width="100%" height="auto"——height: auto在object上无效
最易被忽略的一点：PDF 文件本身是否损坏或含不兼容特性（比如加密、LZW 压缩、或 Acrobat 专有流）。哪怕路径、CORS、MIME 全对，一个用 Illustrator 导出的带透明度的 PDF，在某些浏览器内置阅读器里也会白屏——这时候换 pdf.js 是唯一靠谱解法。
