标签本身不提供预览能力，能否预览取决于浏览器支持、插件启用及mime类型匹配；现代浏览器已移除npapi插件支持，pdf等文件常空白或下载，仅svg嵌入可靠，推荐用iframe替代。
<object></object> 标签本身不提供“预览”能力，它只是容器，能否预览完全取决于浏览器是否支持该资源类型、插件是否启用、MIME 类型是否匹配。现代浏览器已移除对大多数插件（如 Flash、PDF 插件）的支持，所以直接用 <object></object> 预览 PDF/Word/Excel 等文件，在多数环境下会失败或降级为下载。
为什么 <object></object> 常常显示空白或触发下载
根本原因不是写法错误，而是浏览器策略变化：
- Chrome、Edge、Firefox 默认禁用所有 NPAPI 插件，PDF 渲染已改由内置 PDF viewer 处理，但该 viewer **只响应
<iframe></iframe>或直接导航，不响应<object data="xxx.pdf"></object>** - 服务器返回的
Content-Type若不是准确的application/pdf（比如是application/octet-stream），<object></object>会拒绝内嵌，直接下载 - 跨域资源在
<object></object>中受同源策略限制更严格，即使 CORS 允许 fetch，也不代表能内嵌渲染
<object></object> 能稳定工作的典型场景
仅限以下几种情况，且需满足全部条件：
- 本地开发环境（
file://协议）+ Chrome 启用--unsafely-treat-insecure-origin-as-secure+ PDF 文件同目录 - 内网环境部署旧版 IE11（仍支持 ActiveX PDF 插件）
- 嵌入 SVG 文件：浏览器原生支持，无插件依赖，
type="image/svg+xml"可靠 - 嵌入 HTML 片段（同一域名）：
data="about:blank"+<param name="src" value="page.html">，但兼容性差，现代浏览器基本忽略<param>
示例（仅 SVG 可靠）：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
<object data="chart.svg" type="image/svg+xml" width="600" height="400"> <p>Your browser does not support SVG.</p> </object>
替代方案比硬扛 <object></object> 更实际
如果目标是“用户点击后看到文件内容”，优先走标准路径：
- PDF：用
<iframe src="doc.pdf"></iframe>—— 现代浏览器内置 PDF viewer 对<iframe></iframe>支持完整，且自动处理跨域（需服务端配 CORS） - Office 文档：调用 Microsoft Office Online Viewer（
https://view.officeapps.live.com/op/embed.aspx?src=URL）或 Google Docs Viewer（已弃用，不推荐） - 文本类（.txt/.log/.json）：用
fetch()+pre渲染，避免 MIME 问题 - 图片/音视频：直接用
<img>/<audio></audio>/<video></video>，语义正确、兼容性好、性能可控
真正容易被忽略的是：服务端 Content-Type 必须精确。比如 PDF 返回 application/pdf，而不是 application/x-pdf 或 binary/octet-stream；SVG 必须是 image/svg+xml，否则即使标签写对，浏览器也会拒载。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
