在网络浏览器中显示PDF

如何在Web浏览器中的.html页面上显示pdf？

我使用的是Google文档可嵌入的PDF查看器。这些文档不必上传到Google文档，但必须在线提供。

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

而不是使用iframe，而是取决于第三方对使用flexpaper或pdf.js的考虑。

我使用了PDF.js，对我来说很好用。这是演示。

优先使用object标签

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px'>

请注意，您可以将宽度和高度更改为任何值，请访问 http://www.w3schools.com/tags/tag_object.asp

最简单的方法是创建一个iframe，并将源设置为PDF的URL。

（让疯狂的HTML设计师感到沮丧）自己完成，可以正常运行，可以跨浏览器（爬入地堡）。

浏览器的插件控制这些设置，因此您不能强制执行。但是，您可以做一个简单的<a href="whatver.pdf">代替<a href="whatever.pdf" target="_blank">。

只要您托管PDF，就可以使用target属性。换句话说，对于相对文件，将target属性与_blank值一起使用将很好。

<e>
  <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
     href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>

对于绝对路径引擎会去û nified [R esource大号ocator并打开它自己。因此，抑制目标属性。

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>

在这两种情况下，浏览器都将表现出色。

您还可以通过第三方解决方案（例如PDFObject）使用JavaScript进行嵌入。

您可以使用以下代码：

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

或使用Google Docs嵌入式PDF查看器：

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

您也可以使用这种简单的GoogleDoc方法。

<a  style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>

这将创建一个新页面，供您查看文档而不会扭曲您的流程。

一种简单的解决方案是将其放在iframe中，并希望用户拥有支持它的插件。

（我不是，Acrobat插件是如此耗费资源和不稳定的根源，以至于我很想将其从所接触的任何浏览器中删除）。

复杂但相对流行的解决方案是将其显示在Flash小程序中。

我们使用JPedal（Java库）在服务器上将PDF文件页面呈现为PNG文件。结合一些JavaScript，可以使我们对可视化和导航进行高度控制。

我最近需要提供一个更加便于移动的，响应性强的.pdf文档版本，因为狭窄的电话屏幕需要左右左右滚动。为了只允许垂直滚动并避免水平滚动，以下步骤对我有用：

• 在Chrome浏览器中打开.pdf
• 点击使用Google文档打开
• 单击文件>下载>网页
• 单击下载的文档以将其解压缩
• 点击解压缩的HTML文档，以在Chrome浏览器中将其打开
• 按Fn F12打开Chrome开发工具
• 将copy（document.documentElement.outerHTML.replace（/ padding：72pt 72pt 72pt 72pt 72pt; /，''）.replace（/ margin-right：。*？pt / g，''））粘贴到控制台中，然后按Enter将调整后的文档复制到剪贴板
• 打开文本编辑器（例如，记事本），或者在我的情况下打开VSCode，粘贴并保存为.html扩展名。

结果看起来不错，并且可以在台式机和移动环境中使用。

显示以PDF / DOC / DOCX文件格式保存的内容非常适合在网页上显示pdf / doc / docx文件

您是否尝试过使用简单的img标签？

<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">