微信内置浏览器对标签支持极弱，会拦截PDF/SVG并忽略fallback；推荐用展示PDF、或内联SVG替代。
微信内置浏览器对 <object></object> 标签的支持极弱，基本不可用。它不走标准 HTML 渲染路径，而是主动拦截 type="application/pdf"、type="image/svg+xml" 等常见类型，直接调起系统 PDF 阅读器或下载，<object></object> 内部的 fallback（如 <p></p> 或 <img>）几乎从不显示。
微信内置浏览器里 <object></object> 加 PDF 为什么白屏或跳下载？
-
<object data="doc.pdf" type="application/pdf"></object>在微信中会被静默重定向到系统 PDF 应用，不触发任何 DOM 事件（load、error都不触发） - 即使加了
<p>请下载</p>，iOS 微信和安卓微信 WebView 都忽略 fallback 内容，页面留白或闪一下就跳走 -
data带查询参数（如?t=123）时，微信会直接拒绝请求，连 fallback 都不渲染 -
typemustmatch属性在微信中无效，不会阻止错位加载，但也没实际作用
微信里想展示 PDF，该用什么替代？
用 <iframe></iframe> 是目前最稳的选择：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
<iframe src="doc.pdf" width="100%" height="600px" allow="fullscreen"></iframe>- 不依赖
type，不触发插件协商，微信会尝试内建 PDF 渲染器（iOS 15+ / Android Chrome 内核较新版本支持较好） - 若失败，至少
<iframe></iframe>本身是合法 HTML 元素，可配合 JS 检测contentWindow是否为空来降级（比如显示下载按钮）
别用 embed 或嵌套 object —— 微信对它们的处理更不可控，且无额外收益。
SVG 图表在微信里能用 <object></object> 吗？
可以试，但风险高：
- 必须满足：SVG 文件是纯静态（无
<script></script>、无外部<use></use>引用）、服务器返回Content-Type: image/svg+xml -
<object data="chart.svg" type="image/svg+xml"></object>在部分安卓微信中能渲染，但 iOS 微信常直接下载 SVG 文件 - 更可靠的方式是：内联 SVG（把 SVG 代码直接写进 HTML），或转成
<img src="chart.png">+srcset做分辨率适配 - 如果必须用外部 SVG 文件，优先走
<img src="chart.svg">（现代微信已支持 SVG 作为<img>的src，兼容性比<object></object>好得多）
关键点在于：微信不是标准浏览器，它对 <object></object> 的实现是“策略性绕过”，不是“兼容性不足”。你写得再规范，只要目标是 PDF 或 SVG，就大概率被拦截。真正可控的路径只有两条：
一是换标签（<iframe></iframe> 替 PDF，<img> 替 SVG），
二是换方案（用 pdf.js 自托管渲染，但需额外 JS 资源和 CDN 支持）。
其他所有 <object></object> 技巧，在微信里都是徒劳调试。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
