Skip to content

Instantly share code, notes, and snippets.

@simondahla

simondahla/pageres_README.md

Last active August 29, 2015 14:06
Show Gist options
  • Save simondahla/8a31ec73907e5f617ba1 to your computer and use it in GitHub Desktop.
Save simondahla/8a31ec73907e5f617ba1 to your computer and use it in GitHub Desktop.
Download ZIP
Document your work, changes – Capture screenshots of websites in various resolutions.
Raw
pageres_README.md

Document your work and changes! – Capture screenshots of websites in various resolutions.

  1. Install Pageres via npm install --global pageres-cli
  2. Download the textfile (above) with the most poplular screen resolutions and put it the desired folder OR go in to your Google Analytics account and grab the most popular screen resolutions for your site
  3. Run pageres example.com --crop < res.txt and you will have a bunch of screenshots of your site.
Raw
res.txt
1680x1050
1440x900
1600x900
1920x1200
2560x1440
1366x768
1920x1080
1280x1024
1280x800
1024x768
Raw
run this in your console.txt
#Desktop
pageres example.com 1366x768 1600x900 1680x1050 1440x900 1600x900 1920x1200 2560x1440 1366x768 1920x1080 1280x1024 1280x800 1024x768
#Iphone 6
pageres example.com 320x568 --user-agent 'Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53'
#Ipad Landscape
pageres example.com 1024x768 --user-agent 'Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53'
#Ipad Portrait
pageres example.com 768x1024 --user-agent 'Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment