Go to file
Andrey Lushnikov 6c163122bf Update default viewport size to be 800px by 600px (#194)
This patch updates default viewport size to be 800px by 600px.
This comes handy when observing scripts running in non-headless mode.
2017-08-02 15:47:00 -07:00
docs Move path option into tracing.start (#192) 2017-08-02 15:41:05 -07:00
examples Lint examples, again #178 (#190) 2017-08-02 15:03:26 -07:00
lib Update default viewport size to be 800px by 600px (#194) 2017-08-02 15:47:00 -07:00
phantom_shim Update default viewport size to be 800px by 600px (#194) 2017-08-02 15:47:00 -07:00
test Update default viewport size to be 800px by 600px (#194) 2017-08-02 15:47:00 -07:00
third_party Roll chromium to r491334 (#187) 2017-08-02 13:12:44 -07:00
utils Use const a lot fo places (#188) 2017-08-02 12:06:47 -07:00
.editorconfig Add lint script and editorconfig file 2017-06-21 14:11:52 -07:00
.eslintignore Lint examples, again #178 (#190) 2017-08-02 15:03:26 -07:00
.eslintrc.js Convert var's to let's 2017-06-22 14:58:39 -07:00
.gitignore Ignore package-lock.json (#191) 2017-08-02 14:18:14 -07:00
.travis.yml Fix typo in coverage 2017-07-27 16:35:17 -07:00
CONTRIBUTING.md Slow mode (#173) 2017-07-31 18:47:56 -07:00
DeviceDescriptors.js Get rid of page.emulate() / page.emulatedDevices() methods 2017-07-20 23:53:06 -07:00
index.js Reformat code using 2 spaces 2017-06-21 14:11:52 -07:00
install.js Use const a lot fo places (#188) 2017-08-02 12:06:47 -07:00
LICENSE Initial commit 2017-05-09 15:16:13 -07:00
package.json Roll chromium to r491334 (#187) 2017-08-02 13:12:44 -07:00
README.md Update default viewport size to be 800px by 600px (#194) 2017-08-02 15:47:00 -07:00
yarn.lock Implement documentation linter (#47) 2017-07-07 19:36:45 +03:00

Puppeteer Build Status

API | FAQ | Contributing

Puppeteer is a node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome.

Use Cases
  • Up-to-date testing environment that supports the latest JavaScript features.
  • Crawl your site to generate pre-rendered content for your SPA.
  • Scrape content from websites.
Features
  • Full Page Screenshots
  • Low-Level Input Emulation
  • Build-In Device Emulation

Installation

To add Puppeteer to your project, run:

yarn add puppeteer

Note

Puppeteer bundles a version of Chromium (~90Mb) which it is guaranteed to work with. However, you're free to point Puppeteer to any Chromium executable (example)

Getting Started

To navigate to https://example.com and save a screenshot as example.png, save the following script as example.js and run it using node example.js:

const {Browser} = require('puppeteer');
const browser = new Browser();

browser.newPage().then(async page => {
  await page.navigate('https://example.com');
  await page.screenshot({path: 'example.png'});
  browser.close();
});

A few notes:

  1. By default, Puppeteer bundles chromium browser with which it works best. However, you can point Puppeteer to a different executable (example)
  2. Puppeteer creates its own Chromium user profile which it cleans up on every run.
  3. Puppeteer sets an initial page size to 800px x 600px, which defines the screenshot size. The page size can be changed with Page.setViewportSize() method
  4. By default, browser is launched in a headless mode. This could be changed via 'headless' browser option

API Documentation

Explore the API documentation and examples to learn more.

Contributing to Puppeteer

Check out contributing guide to get an overview of puppeteer development.

FAQ

Q: What is Puppeteer?

Puppeteer is a light-weight Node module to control headless Chrome using the DevTools Protocol.

Q: Which Chromium version does Puppeteer use?

Puppeteer bundles chromium it works best with. As chromium improves over time, new versions of puppeteer will be released which depend on a newer chromium versions.

Current chromium version is declared in package.json as chromium_revision field.

Q: Does Puppeteer work with headless Chromium?

Yes. Puppeteer runs chromium in headless mode by default.

Q: Why do most of the API methods return promises?

Since Puppeteer's code is run by Node, it exists out-of-process to the controlled Chromium instance. This requires most of the API calls to be asynchronous to allow the necessary roundtrips to the browser.

It is recommended to use async/await to consume asynchronous api:

const {Browser} = require('puppeteer');
const browser = new Browser();

browser.newPage().then(async page => {
  await page.setViewport({width: 1000, height: 1000});
  await page.pdf({path: 'blank.pdf'});
  browser.close();
});

Q: What is the "Phantom Shim"?

To make sure Puppeteer's API is comprehensive, we built PhantomShim - a lightweight phantomJS script runner built atop of Puppeteer API. We run phantomJS tests against PhantomShim with an ultimate goal to pass them all.

To emulate PhantomJS which runs automation scripts in-process to the automated page, PhantomShim spawns nested event loops. On practice, this might result in unpredictable side-effects and makes the shim unreliable, but this works pretty good for testing goals.

Note

It is strictly not recommended to use PhantomShim out in the wild.

Q: What is the difference between Puppeteer and Selenium / WebDriver?

Selenium / WebDriver is a well-established cross-browser API that is useful for testing cross-browser support.

Puppeteer is useful for single-browser testing. For example, many teams only run unit tests with a single browser (e.g. Phantom). In non-testing use cases, Puppeteer provides a powerful but simple API because it's only targeting one browser that enables you to rapidly develop automation scripts.