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文件的链接的消息。

Answer 6

FlexPaper可能仍然是那种用于此类内容的最佳查看器。它有一个传统的观众和一个更多翻页/翻书风格的观众在flash和html5

http://flexpaper.devaldi.com

在HTML5中嵌入PDF

6 个答案: