chrome PDF Viewer-PDF.js 图文介绍

办公插件 2019-12-23 23:04 461795下载 chrome PDF Viewer-PDF.js Chrome插件下载

chrome PDF Viewer-PDF.js Chrome插件图片

pdf.js是一款基于HTML5的PDF（Portable Document Forma）格式文件的网页阅读器chrome插件。pdf.js由 Mozilla Labs 社区支持，目标是创建一个通用的、基于WEB平台的解析和阅读PDF文件的阅读器。

注：中文翻译来自GOOGLE

PDF Viewer(PDF.js)插件概述

pdf.js是一款基于HTML5的PDF（Portable Document Forma）格式文件的网页阅读器chrome插件。pdf.js由 Mozilla Labs 社区支持，目标是创建一个通用的、基于WEB平台的解析和阅读PDF文件的阅读器。
chrome pdf viewer

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

pdf.js是一个开源项目。要在你的网页中应用pdf.js有两种方式：预建模式和从源文件中创建模式。PDF.js是一个pdf在线预览插件，可以很方便的查看pdf内容，还可以下载在线pdf。pdf.js框架的魅力所在，为其为HTML5实现的，无需任何本地支持，而且对浏览器的兼容性也是比较好，要求只有一个：浏览器支持HTML5就好了。

PDF Viewer(PDF.js)插件下载与安装

Chorme PDF Viewer插件怎么安装？

1. 如果你能够打开chrome应用商店，并且可以找到Chrome PDF Viewer插件，那么直接点击“添加至chrome”，如下图所示：
pdfjs

2.如果你的chrome应用商店无法打开，你从本站或者其他途径获得了Chrome PDF Viewer插件，那么就选择离线安装该插件。由于Chrome PDF Viewer插件同其他chrome插件一样都是CRX格式的，所以具体的安装方法请参照：怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件？如果CRX格式插件不能离线安装怎么办？

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

在PDF Viewer插件安装成功后，通过该方法在安装pdf.js文件后使用pdfjs-dist/build/pdf.js来创建阅读器。

要查看PDF文件，可以简单的打开viewer.html，并在其后添加参数指定打开的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

构建使用：

$ node make generic

2.构建build内容，例如把generic拷贝到Tomcat的webapps中
pdf viewer

启动Tomcat后，就可以通过：

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

进行访问！可以看到一个很帅气的界面：
pdfviewer2

generic/web/viewer.html主要是渲染pdf阅读器的样式，而generic/web/viewer.js则是指定打开的pdf文件（当然还有其他功能，不过这些都不是我们关心的），我们看位于generic/web/viewer.js的一段代码：

这就告诉我们，可以通过传递file形参来动态指定打开的pdf文件！如：

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

4.具体嵌入项目中是如何运用的:

可以把generic中的内容作为第三方插件进行使用，在项目中可以像如下存放：
pdfviewer5

然后页面可以使用<iframe>标签来加载pdf

效果图，如下：

pdfviewer5

更多插件介绍参加：优秀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.

chrome PDF Viewer-PDF.js插件LOGO图片