Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Responsive website screenshots
JavaScript

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.editorconfig
.gitattributes
.gitignore
.jshintrc
.travis.yml
cli.js
fixture.txt
index.js
package.json
readme.md
screenshot-output.png
screenshot.png
test.js

readme.md

pageres Build Status

Get screenshots of the websites in different resolutions

A good way to make sure your sites are responsive.

CLI app

Install

npm install --global pageres

Usage

$ pageres --help

Get screenshots of websites in different resolutions.

Usage
  pageres <url> [<url> ...] --sizes <resolution>,[<resolution>,...]
  pageres <url> [<url> ...] --file <filepath>

Example
  pageres todomvc.com yeoman.io --sizes 1366x768,1600x900

If --sizes is not specified it will fall back to the ten most popular screen resolutions according to w3counter.

The <filepath> file should be formatted to have one <resolution> on each line.

Programmatic API

Install

npm install --save pageres

Example

var pageres = require('pageres');

pageres(['todomvc.com'], ['1366x768', '1600x900'], function () {
    console.log('done');
});

Google Analytics screen resolutions

You can use the most popular resolutions for your site with pageres by following these steps:

  • In Google Analytics go to the site for which you want screen resolutions
  • Select Audience => Technology => Browser & OS
  • Click the Screen Resolution link in the middle of the screen
  • Click the Export button at the top, then Google Spreadsheets, and select yes for importing
  • Select all the resolutions and copy them into a new file and save it
  • In your terminal run: pageres website.com --file file-from-above-step.txt

License

MIT © Sindre Sorhus

Something went wrong with that request. Please try again.