落書きノート

ふと自分が気になった事を書いてます

Node.js PhantomJSとCasperJSを使ってみる

PhantomJSはコマンドラインで使えるウェブブラウザ、CasperJSはPhantomJSを楽に扱えるようにしたライブラリ、といった感じのようです。そのままでは動かないプログラムもあったので修正しておきました。

var casper = require('casper').create();

casper.start();

casper.open('http://google.co.jp');

casper.then(function(){
  casper.capture("screenshot.png");
});

casper.run();

screenshot

var casper = require('casper').create();

casper.start();

casper.viewport(1024, 800);

casper.open('https://www.flickr.com/');

casper.then(function(){
  this.fill("form", {text:"cat"}, true);
});

casper.then(function(){
  this.capture('flickr-cat.png',{
    top:0, left:0, width:1024, height:800
  });
});

casper.run();

flickr-cat

var TARGET_URL = "http://google.co.jp";

var casper = require('casper').create();
casper.start();

casper.userAgent("Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13F69 Safari/601.1");

casper.viewport(750, 1334);

casper.open(TARGET_URL);

casper.then(function(){
  this.capture("iphonescreenshot.png");
});

casper.run();

iphonescreenshot