Created
February 10, 2015 20:41
-
-
Save tennisonchan/755450ac89663a52836d to your computer and use it in GitHub Desktop.
rasterize with userAgents and devicesDimension settings
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// http://phantomjs.org/screen-capture.html | |
// phantomjs rasterize.js https://google.com google.png | |
var page = require('webpage').create(), | |
system = require('system'), | |
address, output, size; | |
var userAgents = { | |
'Chrome': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36' | |
} | |
var devicesDimension = { | |
'iPhone6_Plus': { width: 414, height: 735, userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4' }, | |
'iPhone6': { width: 375, height: 667, userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4' }, | |
'iPhone5': { width: 320, height: 568, userAgent: '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' }, | |
'iPhone4': { width: 320, height: 480, userAgent: 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5' }, | |
'Desktop': { width: 1280, height: 720, userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36' }, | |
'iPad3': { width: 1024, height: 768, userAgent: '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' }, | |
'iPad4': { width: 1024, height: 768, userAgent: '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' }, | |
'iPad1': { width: 1024, height: 768, userAgent: 'Mozilla/5.0 (iPad; CPU OS 4_3_5 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8L1 Safari/6533.18.5' }, | |
'iPad2': { width: 1024, height: 768, userAgent: 'Mozilla/5.0 (iPad; CPU OS 4_3_5 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8L1 Safari/6533.18.5' }, | |
'iPad_Mini': { width: 1024, height: 768, userAgent: 'Mozilla/5.0 (iPad; CPU OS 4_3_5 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8L1 Safari/6533.18.5' }, | |
'Nexus4': { width: 384, height: 640, userAgent: 'Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19' }, | |
'Nexus5': { width: 360, height: 640, userAgent: 'Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19' } | |
} | |
if (system.args.length < 3 || system.args.length > 5) { | |
console.log('Usage: rasterize.js URL filename [paperwidth*paperheight|paperformat] [zoom]'); | |
console.log(' paper (pdf output) examples: "5in*7.5in", "10cm*20cm", "A4", "Letter"'); | |
console.log(' image (png/jpg output) examples: "1920px" entire page, window width 1920px'); | |
console.log(' "800px*600px" window, clipped to 800x600'); | |
phantom.exit(1); | |
} else { | |
address = system.args[1]; | |
output = system.args[2]; | |
page.viewportSize = { width: 1280, height: 720 }; | |
page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.120 Safari/537.36'; | |
if (system.args.length > 3 && system.args[2].substr(-4) === ".pdf") { | |
size = system.args[3].split('*'); | |
page.paperSize = size.length === 2 ? { width: size[0], height: size[1], margin: '0px' } | |
: { format: system.args[3], orientation: 'portrait', margin: '1cm' }; | |
} else if (system.args.length > 3 && system.args[3].substr(-2) === "px") { | |
size = system.args[3].split('*'); | |
if (size.length === 2) { | |
pageWidth = parseInt(size[0], 10); | |
pageHeight = parseInt(size[1], 10); | |
page.viewportSize = { width: pageWidth, height: pageHeight }; | |
page.clipRect = { top: 0, left: 0, width: pageWidth, height: pageHeight }; | |
} else { | |
console.log("size:", system.args[3]); | |
pageWidth = parseInt(system.args[3], 10); | |
pageHeight = parseInt(pageWidth * 3/4, 10); // it's as good an assumption as any | |
console.log ("pageHeight:",pageHeight); | |
page.viewportSize = { width: pageWidth, height: pageHeight }; | |
} | |
} | |
if (system.args.length > 4) { | |
page.zoomFactor = system.args[4]; | |
} | |
page.open(address, function (status) { | |
if (status !== 'success') { | |
console.log('Unable to load the address!'); | |
phantom.exit(1); | |
} else { | |
window.setTimeout(function () { | |
page.render(output); | |
phantom.exit(); | |
}, 200); | |
} | |
}); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment