如果我没记错的话,Google Docs提供了通过<iframe>显示存储在与网页相同的服务器上的PDF的方法,但我需要知道如何才能以跨浏览器兼容的方式做到这一点.

推荐答案

你可以考虑使用菲利普·哈奇森(Philip Hutchison)的PDFObject.

或者,如果您正在寻找非Javascript解决方案,可以使用如下标记:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>

Html相关问答推荐

谷歌翻译不适用于JPEG标签

我需要两个HTML标签,以便当另一个隐藏时,一个可见,反之亦然

新用户登录时无法从cookie中获取当前用户信息

有没有可能设置div的边框宽度相对于其父宽度和高度?'

悬停时跳转的内容

在浮动元素旁边垂直居中

Tailwind CSS:overflow-y Property Not Scrolling Unreliably to Bottom with top-[63px]

如何创建剪切到路径的循环文本字幕?

使用Cypress循环遍历不一致的父对象

防止position:relative的child在出界时收缩

从html文件中提取元素的Python BeautifulSoup

Tailwind 网格行高度可防止拉伸到最高行的所有相同高度

在DIV上应用梯度模糊未如预期工作

SVG 填充 colored颜色 不使用轮廓填充空白区域

如何调整底部有 SVG 的元素的高度,使其在所有宽度上看起来都不错?

CSS 跨度与子元素交替 colored颜色

如何使用动画拆分和对齐文本块

为什么 `html` 上的 overflow: hidden 将滚动框移动到正文?

列宽等于最宽列宽度的无界容器

标题之间和之后的 Hr 线