h5页面预览pdf文件_H5 页面如何查看 PDF 文件

H5 页面如何查看 PDF 文件

我们知道在 Chrome、Firefox 等浏览器可以查看 PDF 文件，不需要额外安装什么插件，这是由于 pdf.js 被预置到了这些浏览器中。

pdf.js 是一款使用 HTML5 Canvas 安全地渲染 PDF 文件以及遵从网页标准的网页浏览器渲染 PDF 文件的JavaScript库。Mozilla基金会主导。

pdf.js 可以作为浏览器或网站的一部分运行。原本是一个Firefox扩展[2]，自2012年开始，它被纳入Mozilla Firefox(15版本)[3][4]，并从2013年开始默认启用(19版本)成为基本功能[5][6] 。它还是ownCloud的一部分，并可用作Chrome、Chromium[7]、Firefox for Android[8]、Pale Moon[9]及SeaMonkey[10]的附加组件。

以上引用摘自维基百科 PDF.js。

在手机浏览器中，如 QQ浏览器、UC 浏览器、Safari 浏览器，打开一个 PDF 是一个下载页面，无法查看。分别使用手机浏览器和桌面浏览器查看 pdf 文件。

手机端浏览器想要查看 PDF 文件可以使用 PDF.js 插件。在线演示地址。

一、下载 PDF.js 插件

下载PDF.js插件。如果是下载的压缩包，解压之后，将整个文件夹拷贝到项目中。

二、测试 PDF 文件是否可查看

在服务器中打开 /pdfjs-2.5.207-dist/web/viewer.html 文件。通过 http-se