可以通过html的<object>或<embed>标签嵌入pdf文件，但效果受浏览器和设备影响。1. 使用<object>标签可提供备用内容且兼容性较好，语法为：<object data="example.pdf" type="application/pdf">，不支持时显示提示信息；2. <embed>标签更简洁，仅需设置src和type属性，但不支持备用内容；3. 注意事项包括浏览器支持差异（如safari预览限制）、移动端体验不佳及跨域问题；4. 替代方案是使用google docs嵌入，通过iframe实现，兼容性强但存在隐私和加载速度问题。
可以直接通过 HTML 的 <object> 或 <embed> 标签来嵌入 PDF 文件，浏览器支持较好的话，是可以直接在网页中显示 PDF 内容的。不过实际效果会受到浏览器和用户设备的影响。
1. 使用 <object> 标签嵌入 PDF
<object> 是比较常见的做法，语法也很简单：
<object data="example.pdf" type="application/pdf" width="100%" height="600px">
<p>您的浏览器不支持 PDF 预览，请下载文件查看。</p>
</object>-
data属性指定 PDF 文件路径。 -
type要写成"application/pdf"，告诉浏览器这是 PDF 文件。 - 如果浏览器不支持，会显示
<p>中的内容作为提示。
优点是兼容性还行，而且可以自定义 fallback（备用内容），但有些移动端浏览器可能无法直接预览。
立即学习“前端免费学习笔记（深入）”；
2. 用 <embed> 标签也可以显示 PDF
<embed> 更简洁，适合只需要展示、不需要额外控制的情况：
<embed src="example.pdf" type="application/pdf" width="100%" height="600px">
- 同样需要设置
type和src。 - 不像
<object>可以添加备用内容，如果浏览器不支持，可能就啥也看不到。
所以如果你希望更灵活地处理兼容问题，还是推荐用 <object>。
3. 嵌入 PDF 的注意事项
虽然技术上可行，但实际使用时有几个点要注意：
- 浏览器支持不同：Chrome、Edge 等基于 Chromium 的浏览器自带 PDF 查看器，能正常显示；Firefox 也有内置查看器；但 Safari 在某些版本中可能只提供下载链接而不是预览。
- 移动端体验差：iOS 的 Safari 往往不会直接渲染 PDF，而是自动打开系统自带的阅读器，用户体验不太一致。
- 跨域问题：如果 PDF 文件来自其他域名，可能会因为 CORS 限制导致加载失败，需要注意服务器配置。
4. 替代方案：使用 Google Docs 嵌入
为了提高兼容性，很多人会选择用 Google Docs 来嵌入 PDF：
<iframe src="https://docs.google.com/gview?url=你的PDF地址&embedded=true"
style="width:100%; height:600px;" frameborder="0"></iframe>- 把“你的PDF地址”替换成已发布可访问的 URL（记得 URL 编码）。
- 这种方式几乎能在所有设备上显示 PDF，但也存在隐私问题和加载速度问题。
基本上就这些方法了。用 <object> 或 <embed> 直接嵌入最简单，但如果要考虑兼容性和移动端支持，用 Google Docs 做中转是个不错的折中方案。
