在HTML5中嵌入PDF

Question

我试图在HTML文档中嵌入PDF,但这似乎只适用于Chrome.其他浏览器似乎需要插件或要求用户单击不是我想要的链接.这是我尝试过的:

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
    <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp;</embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
</object>

Answer 1

以下是您可以为每个浏览器使用的代码:

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

在firefox和chrome上测试过

Answer 2

<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Google文档允许您通过使用iframe链接到其服务来嵌入PDF,Microsoft Office Docs和其他应用程序.它用户友好,多功能,有吸引力.

Answer 3

这很完美,这是官方的html5.

<object data="https://link-to-pdf"></object>

Answer 4

你知道吗http://mozilla.github.io/pdf.js/这是mozila的一个项目,用你的画布在你的html中渲染pdf.它使用起来非常简单.

Answer 5

我建议使用PDFObject进行PDF插件检测.

如果用户的浏览器无法直接显示PDF,则只允许您显示备用内容.例如,对于大多数用户来说,PDF在Chrome中可以很好地显示,但如果他们使用的是Firefox或Internet Explorer,他们将需要安装Adobe Reader这样的插件.

如果浏览器尚未安装PDF插件,则至少PDFObject将允许您显示带有下载Adobe Reader和/或PDF文件的链接的消息.