Screen Capture Web Pages with JavaScript
This JavaScript code will help you convert any web URL into a PNG image from the command line. The script renders the page using Webkit, the same engine that’s used inside Google Chrome and Apple Safari browser. See demo at screenshot.guru.
var system = require('system');
// Web Address (URL) of the page to capture
var url = system.args[1];
// File name of the captured image
var file = system.args[2] + '.png';
var page = require('webpage').create();
// Browser size - height and width in pixels
// Change the viewport to 480x320 to emulate the iPhone
page.viewportSize = { width: 1200, height: 800 };
// Set the User Agent String
// You can change it to iPad or Android for mobile screenshots
page.settings.userAgent =
'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5';
// Render the screenshot image
page.open(url, function (status) {
if (status !== 'success') {
console.log('Could not open web page : ' + url);
phantom.exit();
} else {
window.setTimeout(function () {
page.render(file);
console.log('Download the screenshot : ' + file);
phantom.exit();
}, 1000);
}
});
Amit Agarwal
Google Developer Expert, Google Cloud Champion
Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India.
Amit has developed several popular Google add-ons including Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory