PDF预览之PDF.js的github翻译

最新推荐文章于 2025-06-21 13:47:25 发布

beyond__devil

最新推荐文章于 2025-06-21 13:47:25 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： PDF相关技术

本文链接：https://blog.youkuaiyun.com/beyond__devil/article/details/78826883

PDF相关技术专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何从GitHub获取PDF.js项目并进行本地部署，包括所需工具的安装步骤、启动本地服务器的方法及注意事项。此外还提供了构建PDF.js以适应生产环境的要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PDF.js的github地址：
	https://github.com/mozilla/pdf.js

开始：	
	在线demo
		https://mozilla.github.io/pdf.js/web/viewer.html

	浏览器扩展
		火狐
		谷歌

	/*
		猜测大致意思是：
			火狐发起的在线PDF查看，我们想要使用的pdf.js是javascript版本的，而我们经常在浏览器上也可以预览pdf文件，那个是浏览器自身支持的，2个是不同的。
			但2个应该属于一个大的项目，这里面也可以构建 浏览器的应用扩展
	 */

获取代码
	从远程拉取代码到本地:
		git clone git://github.com/mozilla/pdf.js.git
		cd pdf.js

	需要安装 'node.js'
	需要在全局安装 'gulp'
		npm install -g gulp-cli	

	安装PDF.js依赖：
		npm install

	最后，需要开启一个本地服务器，因为一些浏览器不允许通过 'file://' URL，来打开PDF文件
		gulp server

	之后，可通过下面链接来访问
		http://localhost:8888/web/viewer.html

	也支持通过侧边栏，查看所有PDF测试文件
		http://localhost:8888/test/pdfs/?frame

	注意：以上需要支持ES6的浏览器，旧版本浏览器查看 '构建PDF.js'(下面)

构建PDF.js
	为了将所有 'src/' 下的文件生成2个生产环境的脚本，并且构建通用的 'PDF查看器'，运行：
		gulp generic

	该命令将在 'build/generic/build/' 目录下，生成 'pdf.js' 和 'pdf.worker.js' 2个文件。2个文件都是必须的，但我们在代码中引入pdfjs时，只需要引入 'pdf.js'，'pdf.worker.js' 会被 'pdf.js' 来加载。

	PDF.js文件比较大，在生产环境使用必须压缩！！！

在web应用使用PDF.js
	在web应用中使用PDF.js，可以选择使用 '预构建(pre-build)' 版本或从源码构建。官方已经对 NPM和Bower 的预构建版本支持，在 'pdfjs-dist' 命名下。查看 '在网站上建立 pdf.js'