PhantomJS에서 뷰포트 크기를 동적으로 변경하십시오.

Question

PhantomJS가 다른 뷰포트 너비에서 페이지의 스크린 샷을 만들려면 동적으로 조정하고 싶습니다. 하지만 이것은 작동하지 않습니다 phantomjs script.js로 실행하면

var system = require('system'); 
var page = require('webpage').create(); 

page.viewportSize = { width: 800, height: 600 }; 

page.open('http://example.com', function (status) { 

    page.render('medium.png'); 

    page.viewportSize = { width: 630, height: 420 }; 

    page.render('small.png'); 

    phantom.exit(); 
}); 

이 800 픽셀 각각의 폭에 두 개의 동일한 PNG 파일 medium.png 및 small.png을 생산하고 있습니다. 예상되는 동작은 이처럼 medium.png이고 너비는 630px 인 small.png입니다. 어떻게이 일을 성취 할 수 있습니까?

PS : This answer 유사한 질문으로 인해 나를 오류가 발생합니다. 또한이 질문에 대한 the accepted answer은 제가 피하고 싶은 아주 추악한 해결 방법을 제시합니다.

Answer 1

나는 같은 페이지를 다시 뷰포트 크기를 설정하고 열 수 있어야한다고 생각합니다 :

var system = require('system'); 
var page = require('webpage').create(); 

page.viewportSize = { width: 800, height: 600 }; 

page.open('http://example.com', function (status) { 

    page.render('medium.png'); 


    page.viewportSize = { width: 630, height: 420 }; 

    page.open('http://example.com', function (status) { 

     page.render('small.png'); 

     phantom.exit(); 
    }); 
});