Mastering PhantomJS: From Installation to Powerful Web Automation and Screenshots

What is PhantomJS?

PhantomJS is a server‑side JavaScript API built on WebKit. It fully supports web standards without a graphical browser, offering fast, native handling of DOM, CSS selectors, JSON, Canvas, and SVG. Typical uses include page screenshots, web crawling, network monitoring, and headless testing.

Typical Use Cases

Screen Capture: The page.render API can generate high‑quality screenshots of web pages.

Web Crawling: page.evaluate provides a sandboxed environment to extract content programmatically, avoiding complex regular‑expression parsing.

Network Monitoring: Periodic pageSpeed checks can be scripted to alert on slow‑loading pages.

Page Automation: PhantomJS 2.0 supplies a rich set of APIs for automating interactions with web pages.

Installation on macOS

For macOS users, the simplest method is via Homebrew: brew update && brew install phantomjs

A common problem on macOS Yosemite is the runtime error Killed: 9 when executing phantomjs hello.js. The issue is tracked on GitHub (issue #12928) and can be resolved with the following steps.

Install UPX, an executable packer/unpacker: $ brew install upx Unpack the PhantomJS binary: $ upx -d phantomjs-2.0.0-macosx/bin/phantomjs Run the unpacked executable directly:

$ ./phantomjs-2.0.0-macosx/bin/phantomjs

Quick Demo: Capture a Website Screenshot

var page = require('webpage').create();
page.open('http://jd.com', function () {
    page.render('jd.png');
    phantom.exit();
});

Save the above script as screen.js and execute: $ phantomjs screen.js The command produces a screenshot file (e.g., jd.png) as shown below.

For more reliable captures, you can adjust page.scrollPosition and add JavaScript delays to ensure all images load before rendering.