mozilla为我们提供了一个基于html5的pdf插件 pdf.js 。通过这个插件，可以在网页上直接打开pdf文本，不需要本地支持。 Firefox 浏览器就是用的这个插件。

pdf.js 在github上的地址为 https://github.com/mozilla/pdf.js

在github上的源码并不能直接使用，需要先进行构建。
首先打开 git ，clone到本地：

1
2

$ git clone git://github.com/mozilla/pdf.js.git
$ cd pdf.js

然后安装需要支持的包：

1

$ npm install

最后启动本地文本服务器：

1

$ node make server

然我们打开 http://localhost:8888/web/viewer.html ，可以看到：

可以从构建的文件中提取 pdf.js 的包，下面是我提取的一个包:

其中包含两个文件夹 build 和 web 。在web文件夹内有一个 viewer.html 的html文件，这个文件主要负责pdf阅读器的结构样式，还有一个js文件 viewer.js 用于配置参数。在 viewer.js 中一个 DEFAULT_URL 常量，用于设置缺省的打开的pdf值。原文件中的默认值为compressed.tracemonkey-pldi-09.pdf。我们也可以通过地址栏参数传递参数来设置要代开的pdf文件，如…/web/viewer.html?file=12.pdf。参数file就是要打开文件的地址。在实际使用中可以通过在html文档中嵌入 <iframe> 标签实现，通过file来传递参数，如下：

1

<iframe src="js/pdfJS/web/viewer.html?file=public/嵌入式系统课程教学大纲.pdf" frameborder="0" width="100%" height="500"></iframe>