Use PhantomJS to take screenshots
Adam Porter
7 years ago
parent
5d3e47d1aa
commit
9b63bf2d6e
@ -1,2 +1,7 @@
|
||||
.PHONY: all screenshots
|
||||
|
||||
all:
|
||||
@./make.py
|
||||
|
||||
screenshots:
|
||||
@./make.py screenshots
|
||||
|
||||
@ -0,0 +1,86 @@
|
||||
"use strict";
|
||||
|
||||
// * Variables
|
||||
|
||||
var page = require('webpage').create(),
|
||||
system = require('system'),
|
||||
url, output_filename, size, pageWidth, pageHeight;
|
||||
|
||||
pageWidth = 1000;
|
||||
|
||||
// A shorter height would be nice, but with the enormous page headers
|
||||
// nowadays (e.g. the stupid one inserted by GitHub unless you are
|
||||
// logged in), you can't see anything!
|
||||
pageHeight = 1000;
|
||||
|
||||
// ** Args
|
||||
|
||||
url = system.args[1];
|
||||
output_filename = system.args[2];
|
||||
|
||||
// * Functions
|
||||
|
||||
function insert_css (stylesheet) {
|
||||
// Insert HTML STYLE element with contents of string STYLESHEET.
|
||||
|
||||
var element = document.createElement('style');
|
||||
element.type = "text/css";
|
||||
element.innerHTML = stylesheet;
|
||||
|
||||
document.getElementsByTagName("head")[0].appendChild(element);
|
||||
}
|
||||
|
||||
function process_page (status) {
|
||||
if (status !== 'success') {
|
||||
console.log('Unable to load the address!');
|
||||
phantom.exit(1);
|
||||
}
|
||||
else {
|
||||
// Add stylesheet
|
||||
page.evaluate(insert_css, stylesheet);
|
||||
|
||||
// Take screenshot
|
||||
window.setTimeout(
|
||||
function () {
|
||||
page.render(output_filename);
|
||||
phantom.exit();
|
||||
},
|
||||
200
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// * Main
|
||||
|
||||
// Fix console output from page.evaluate()
|
||||
page.onConsoleMessage = function (msg) {
|
||||
console.log("LOG: page.evaluate: " + msg);
|
||||
};
|
||||
|
||||
// Log all external requests
|
||||
// page.onResourceRequested = function (requestData, request) {
|
||||
// console.log('LOG: LOADING RESOURCE: ', requestData['url']);
|
||||
// };
|
||||
|
||||
// ** Check args
|
||||
|
||||
page.viewportSize = {
|
||||
width: pageWidth,
|
||||
height: pageHeight
|
||||
};
|
||||
page.clipRect = {
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: pageWidth,
|
||||
height: pageHeight
|
||||
};
|
||||
|
||||
// ** Read CSS file from disk
|
||||
|
||||
var css_file = system.args[3];
|
||||
var fs = require("fs");
|
||||
var stylesheet = fs.read(css_file);
|
||||
|
||||
// ** Load and render page
|
||||
|
||||
page.open(url, process_page);
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 182 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB |
@ -0,0 +1 @@
|
||||
https://github.com/alphapapa/solarized-everything-css
|
||||
Loading…
Reference in New Issue