PhantomJS를 이용하여 웹페이지 스크린샷 생성하기

NodeJS 관련 책을 보다가 팬텀제이에스라는 것을 이용해서 웹페이지 정보를 가져오는 내용을 보게 되었다.

그 중에서 웹페이지를 통째로 스크린샷 찍어서 png 파일로 만드는게 좋아보였다.

(그런데 되는 사이트도 있지만 안되는 사이트도 많은 것으로 보인다.)

공식 홈페이지: http://phantomjs.org

우선 PhantomJS를 설치해야 한다.

cmd나 Powershell 창을 열어 npm install phantomjs 명령을 실행한다.

(미리 NodeJS를 설치했다면 npm 명령어를 실행할 수 있다.)

스크린 캡처 문서 http://phantomjs.org/screen-capture.html

우선 아래와 같은 내용의 screenshot.js 파일을 만든다.

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

cmd 창을 열고 해당 경로로 가서 실행한다.

캡처가 가능한 사이트라면 다음 명령 실행 후 같은 폴더에 스크린샷 그림 파일이 생성된다.

phantomjs screenshot.js