[Phantomjs] Phantomjs를 이용해서 웹페이지 캡쳐하기 (1)

Phantomjs 설치!

http://phantomjs.org/ 에서 다운로드를 받자

 

다운로드후 압축을 풀어보면

위 처럼 폴더구조를 가지고 있다. 여지가 examples폴더안에 들어있는 수많은 javascript 파일은 그저 예제이고 Phantomjs 홈페이지의 EXAMPLE 메뉴를 들어가서 각 예제들의 설명을 볼수 있다. 

중요한건 bin폴더에 덩그러니 들어있는 phatomjs.exe 파일이다. 이 실행파일을 나는 나의 특정 Workspace의 폴더에 Phatomjs라는 폴더를 만들어 그곳에 덩그러니 두었다.

 

이제 위 해당 경로의 터미널을 열어서 위 실행파일을 실행해주면 시작된다. 

 

 

 

자 이제 phantomjs를 사용할 준비가 끝났다. phantomjs가 설치된 같은 경로에 javascript파일을 하나 만들어보자

내용은 phantomjs 홈페이지에 있는 simple javascript example를 이용해보자

 

console.log('Loading a web page');
var page = require('webpage').create();
var url = 'http://phantomjs.org/';
page.open(url, function (status) {
  //Page is loaded!
  page.render('./file/image.jpg');
  phantom.exit();
});

위내용을 작성하고 loadPage.js로 저장해주고 터미널에서 phantomjs loadPage.js 라고 입력하면

file이라는 폴더가 생기고 그안에 image.jpg의 이미지가 저장되는것을 볼수 있다.