Phantomjs 텍스트 추가

Question

스크린 샷에 텍스트를 추가하려고합니다. 그래서 내 코드는 다음과 같습니다.

var system = require('system'); 
var args = system.args; 
var WebPage = require('webpage'); 

page = WebPage.create(); 
page.viewportSize = { width: 480, height: 800 }; 
page.clipRect = { top: 0, left: 0, width: 1024, height: 768 }; 
page.open(args[1].toString()); 
page.onLoadFinished = function() { 
page.render(args[1] + '.png'); 
phantom.exit(); 
} 

일부 텍스트를 추가하기 위해 렌더링 전에 html 콘텐츠를 어떻게 수정할 수 있습니까? page.content를 사용하려했지만 실패했습니다.

감사합니다.

Answer 1

"page.evaluate"함수를 사용하여 html 콘텐츠를 수정할 수 있습니다. 이 함수를 사용하면 페이지에서 자바 스크립트를 실행할 수 있습니다. 몇 가지 간단한 예제는 http://phantomjs.org/api/webpage/method/evaluate.html에서 찾을 수 있습니다.

page.evaluate(function(str) { 
    document.querySelector('h2').textContent = str; 
}, 'title'); 

:

봅니다 아래의 렌더링 전에 문 같은 것을 추가