PDF Viewer(PDF.js)插件概述

pdf.js是一款基于HTML5的PDF（Portable Document Forma）格式文件的網(wǎng)頁閱讀器chrome插件。pdf.js由 Mozilla Labs 社區(qū)支持，目標(biāo)是創(chuàng)建一個通用的、基于WEB平臺的解析和閱讀PDF文件的閱讀器。

PDF Viewer(PDF.js)插件功能介紹

 pdf.js是一個開源項目。要在你的網(wǎng)頁中應(yīng)用pdf.js有兩種方式：預(yù)建模式和從源文件中創(chuàng)建模式。PDF.js是一個pdf在線預(yù)覽插件，可以很方便的查看pdf內(nèi)容，還可以下載在線pdf。pdf.js框架的魅力所在，為其為HTML5實(shí)現(xiàn)的，無需任何本地支持，而且對瀏覽器的兼容性也是比較好，要求只有一個：瀏覽器支持HTML5就好了。

PDF Viewer(PDF.js)插件下載與安裝

Chorme PDF Viewer插件怎么安裝？

1. 如果你能夠打開chrome應(yīng)用商店，并且可以找到Chrome PDF Viewer插件，那么直接點(diǎn)擊“添加至chrome”，如下圖所示：


2.如果你的chrome應(yīng)用商店無法打開，你從本站或者其他途徑獲得了Chrome PDF Viewer插件，那么就選擇離線安裝該插件。由于Chrome PDF Viewer插件同其他chrome插件一樣都是CRX格式的，所以具體的安裝方法請參照：怎么在谷歌瀏覽器中安裝.crx擴(kuò)展名的離線Chrome插件？ 如果CRX格式插件不能離線安裝怎么辦？

PDF Viewer(PDF.js)插件使用說明

在PDF Viewer插件安裝成功后，通過該方法在安裝pdf.js文件后使用pdfjs-dist/build/pdf.js來創(chuàng)建閱讀器。

要查看PDF文件，可以簡單的打開viewer.html，并在其后添加參數(shù)指定打開的PDF文件。

<a href="/web/viewer.html?file=%2Fyourpdf.pdf">Open yourpdf.pdf with PDF.js</a>

PDF.JS插件怎么用？

1.首先獲取源碼使用：

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

構(gòu)建使用：

$ node make generic

2.構(gòu)建build內(nèi)容，例如把generic拷貝到Tomcat的webapps中

啟動Tomcat后，就可以通過：

http://localhost:8080/generic/web/viewer.html

進(jìn)行訪問！可以看到一個很帥氣的界面：


generic/web/viewer.html主要是渲染pdf閱讀器的樣式，而generic/web/viewer.js則是指定打開的pdf文件（當(dāng)然還有其他功能，不過這些都不是我們關(guān)心的），我們看位于generic/web/viewer.js的一段代碼：

 

這就告訴我們，可以通過傳遞file形參來動態(tài)指定打開的pdf文件！如：

http://localhost:8080/generic/web/viewer.html?file=qbs.pdf

4.具體嵌入項目中是如何運(yùn)用的:

可以把generic中的內(nèi)容作為第三方插件進(jìn)行使用，在項目中可以像如下存放：

 

更多插件介紹參加：優(yōu)秀chrome插件推薦

PDF Viewer(PDF.js)插件英文介紹

Uses HTML5 to display PDF files directly in the browser.
PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

This extension provides PDF.js as the default PDF viewer in Chrome.

If you want to use this viewer to view local files, visit chrome://extensions/?id=oemmndcbldboiebfnladdacbdfmadadm and put a check before "Allow access to file URLs".

Please report any issues at https://github.com/mozilla/pdf.js/issues

Don''t have a Github account? I also accept feedback at rob@robwu.nl

Known issue: PDF files generated via a form (POST request) cannot be viewed. 查看更多