2013-06-28 08:22:20 +09:00
# PDF.js
2012-03-27 11:43:51 +09:00
2014-05-02 04:05:32 +09:00
PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.
2011-09-16 08:28:38 +09:00
2013-06-28 08:22:20 +09:00
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.
2011-09-16 08:28:38 +09:00
2013-06-28 08:22:20 +09:00
## Contributing
2011-09-16 08:28:38 +09:00
2013-06-28 08:22:20 +09:00
PDF.js is an open source project and always looking for more contributors. To
2017-02-12 00:27:34 +09:00
get involved, visit:
2011-09-16 08:28:38 +09:00
2016-05-07 13:10:36 +09:00
+ [Issue Reporting Guide ](https://github.com/mozilla/pdf.js/blob/master/.github/CONTRIBUTING.md )
2015-04-25 18:35:56 +09:00
+ [Code Contribution Guide ](https://github.com/mozilla/pdf.js/wiki/Contributing )
+ [Frequently Asked Questions ](https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions )
2013-06-28 08:22:20 +09:00
+ [Good Beginner Bugs ](https://github.com/mozilla/pdf.js/issues?direction=desc&labels=5-good-beginner-bug&page=1&sort=created&state=open )
2017-02-12 00:27:34 +09:00
+ [Projects ](https://github.com/mozilla/pdf.js/projects )
2013-06-28 08:22:20 +09:00
2017-02-12 00:27:34 +09:00
Feel free to stop by #pdfjs on irc.mozilla.org for questions or guidance.
2011-09-16 08:39:18 +09:00
2013-06-28 08:22:20 +09:00
## Getting Started
### Online demo
2011-09-16 08:28:38 +09:00
2016-11-04 23:55:56 +09:00
+ https://mozilla.github.io/pdf.js/web/viewer.html
2011-09-16 08:28:38 +09:00
2013-06-28 08:22:20 +09:00
### Browser Extensions
2011-09-16 08:28:38 +09:00
2016-06-17 23:01:32 +09:00
#### Firefox (and Seamonkey)
2011-10-25 02:40:36 +09:00
2016-06-17 23:01:32 +09:00
PDF.js is built into version 19+ of Firefox, however one extension is still available:
2011-10-25 02:40:36 +09:00
2016-06-17 23:01:32 +09:00
+ [Development Version ](http://mozilla.github.io/pdf.js/extensions/firefox/pdf.js.xpi ) - This extension is mainly intended for developers/testers, and it is updated every time new code is merged into the PDF.js codebase. It should be quite stable, but might break from time to time.
+ Please note that the extension is *not* guaranteed to be compatible with Firefox versions that are *older* than the current ESR version, see the [Release Calendar ](https://wiki.mozilla.org/RapidRelease/Calendar#Past_branch_dates ).
+ The extension should also work in Seamonkey, provided that it is based on a Firefox version as above (see [Which version of Firefox does SeaMonkey 2.x correspond with? ](https://wiki.mozilla.org/SeaMonkey/FAQ#General )), but we do *not* guarantee compatibility.
2011-10-25 02:40:36 +09:00
2016-02-14 22:05:20 +09:00
#### Chrome
2013-08-21 23:50:17 +09:00
2015-06-06 23:05:00 +09:00
+ The official extension for Chrome can be installed from the [Chrome Web Store ](https://chrome.google.com/webstore/detail/pdf-viewer/oemmndcbldboiebfnladdacbdfmadadm ).
*This extension is maintained by [@Rob--W ](https://github.com/Rob--W ).*
2016-03-05 00:36:46 +09:00
+ Build Your Own - Get the code as explained below and issue `gulp chromium` . Then open
2013-06-28 08:22:20 +09:00
Chrome, go to `Tools > Extension` and load the (unpackaged) extension from the
2013-08-22 02:22:43 +09:00
directory `build/chromium` .
2011-10-25 02:40:36 +09:00
2013-06-28 08:22:20 +09:00
## Getting the Code
2011-09-25 18:44:29 +09:00
To get a local copy of the current code, clone it using git:
2015-05-09 04:19:45 +09:00
$ git clone git://github.com/mozilla/pdf.js.git
$ cd pdf.js
2011-09-25 18:44:29 +09:00
2015-05-09 04:19:45 +09:00
Next, install Node.js via the [official package ](http://nodejs.org ) or via
2016-03-05 00:36:46 +09:00
[nvm ](https://github.com/creationix/nvm ). You need to install the gulp package
globally (see also [gulp's getting started ](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started )):
2015-05-09 04:19:45 +09:00
2016-03-05 00:36:46 +09:00
$ npm install -g gulp-cli
If everything worked out, install all dependencies for PDF.js:
2015-05-09 04:19:45 +09:00
2016-03-05 00:36:46 +09:00
$ npm install
2015-05-09 04:19:45 +09:00
Finally you need to start a local web server as some browsers do not allow opening
PDF files using a file:// URL. Run
2011-09-25 18:44:29 +09:00
2016-03-05 00:36:46 +09:00
$ gulp server
2011-09-25 18:44:29 +09:00
2015-05-09 04:19:45 +09:00
and then you can open
2011-09-25 18:44:29 +09:00
2011-09-30 03:44:41 +09:00
+ http://localhost:8888/web/viewer.html
2011-09-25 18:44:29 +09:00
2015-05-09 04:19:45 +09:00
It is also possible to view all test PDF files on the right side by opening
2011-09-25 18:44:29 +09:00
2011-09-30 03:44:41 +09:00
+ http://localhost:8888/test/pdfs/?frame
2011-09-25 18:44:29 +09:00
2013-06-28 08:22:20 +09:00
## Building PDF.js
2011-10-26 12:07:30 +09:00
2017-02-12 00:27:34 +09:00
In order to bundle all `src/` files into two production scripts and build the generic
viewer, run:
2011-10-26 12:07:30 +09:00
2016-03-05 00:36:46 +09:00
$ gulp generic
2011-10-26 12:07:30 +09:00
2013-09-06 05:05:02 +09:00
This will generate `pdf.js` and `pdf.worker.js` in the `build/generic/build/` directory.
Both scripts are needed but only `pdf.js` needs to be included since `pdf.worker.js` will
be loaded by `pdf.js` . If you want to support more browsers than Firefox you'll also need
to include `compatibility.js` from `build/generic/web/` . The PDF.js files are large and
should be minified for production.
2011-10-27 00:20:22 +09:00
2016-04-27 05:03:35 +09:00
## Using PDF.js in a web application
To use PDF.js in a web application you can choose to use a pre-built version of the library
or to build it from source. We supply pre-built versions for usage with NPM and Bower under
the `pdfjs-dist` name. For more information and examples please refer to the
[wiki page ](https://github.com/mozilla/pdf.js/wiki/Setup-pdf.js-in-a-website ) on this subject.
2013-06-28 08:22:20 +09:00
## Learning
2011-09-25 18:44:29 +09:00
2017-02-12 00:27:34 +09:00
You can play with the PDF.js API directly from your browser using the live
2013-06-28 08:22:20 +09:00
demos below:
2011-09-25 18:44:29 +09:00
2017-02-08 04:11:18 +09:00
+ [Interactive examples ](http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples )
2011-09-16 08:39:18 +09:00
2017-02-12 00:27:34 +09:00
The repository contains a hello world example that you can run locally:
2011-09-16 08:28:38 +09:00
2012-10-16 01:06:19 +09:00
+ [examples/helloworld/ ](https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/ )
2011-09-16 08:28:38 +09:00
2013-06-28 08:22:20 +09:00
For an introduction to the PDF.js code, check out the presentation by our
contributor Julian Viereck:
2011-10-27 00:20:22 +09:00
+ http://www.youtube.com/watch?v=Iv15UY-4Fg8
2017-02-12 00:27:34 +09:00
More learning resources can be found at:
2013-06-28 08:22:20 +09:00
2012-11-01 22:17:35 +09:00
+ https://github.com/mozilla/pdf.js/wiki/Additional-Learning-Resources
2011-07-03 01:28:13 +09:00
2013-06-28 08:22:20 +09:00
## Questions
2014-04-29 22:35:12 +09:00
Check out our FAQs and get answers to common questions:
+ https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions
2011-09-30 03:44:41 +09:00
Talk to us on IRC:
2011-06-17 01:37:15 +09:00
2011-09-30 03:44:41 +09:00
+ #pdfjs on irc.mozilla.org
2011-06-29 08:02:02 +09:00
2013-06-28 08:22:20 +09:00
Join our mailing list:
2011-06-29 08:02:02 +09:00
2011-09-30 03:44:41 +09:00
+ dev-pdf-js@lists.mozilla.org
2013-06-28 08:22:20 +09:00
Subscribe either using lists.mozilla.org or Google Groups:
2011-09-30 03:44:41 +09:00
+ https://lists.mozilla.org/listinfo/dev-pdf-js
+ https://groups.google.com/group/mozilla.dev.pdf-js/topics
2011-06-29 08:02:02 +09:00
2011-09-30 03:44:41 +09:00
Follow us on twitter: @pdfjs
2011-06-29 08:02:02 +09:00
2011-09-30 03:44:41 +09:00
+ http://twitter.com/#!/pdfjs