3

내 말에 내부 웹 페이지의 스크린 샷을하는 간단한 배치 스크립트를 작성하려고하고 파이어 폭스 캔버스에 창 렌더링이 능력이 있다는 사실을 가로 질러 온 :: 설정

var canvas = document.createElement('canvas'); 
var ctx = canvas.getContext("2d"); 
ctx.drawWindow(window, 0,0, 100, 200, "rgb(255,255,255)"); 
console.log(canvas.toDataURL("image/png")); 

그러나 양식 확장만으로 예약 된 것으로 보이며 오류가 발생합니다. 작업이 안전하지 않습니다.

다른 사람에게이 내용을 게시 할 필요가 없으며 확장 기능을 만들지 않기 위해 Firefox에만 내부적으로 조정할 수있어서 기쁩니다. 거기에 대한 일종의 : 구성 설정 (또는 다른 뭔가) 난 그냥이 연장을하지 않아도 통과하도록 조정할 수 있습니까?

+0

왜 다른 도구를 사용하지 않습니까? 셀레늄으로 쉽게 만들 수 있습니다. http://stackoverflow.com/questions/3422262/take-a-screenshot-with-selenium-webdriver – epascarello

+0

과거에 좋은 결과를 얻은 적이있는 http://www.paulhammond.org/webkit2png/를 사용했습니다. . 모질 (Moz)도 비슷한 비슷한 것이 있습니다. –

+0

DaggNabbit : 불행히도, 이것은 Windows 컴퓨터에있을 것입니다. epascarello : 저는 셀레늄으로 시작하지 않았습니다. 그리고 그 스 니펫은 충분히 단순 해 보이지만, 셀레늄을 설치하고 실제로 가져가는 것이 꽤 오래 걸릴지 궁금합니다. – crickeys

답변

0

about:config로 이동하여 설정 devtools.chrome.enabledtrue
에 다시 당신이 화면을 캡처 할 탭
이동
눌러 다음 코드를 붙여 넣습니다 브라우저
에 + F4
스위치 환경 시프트

var canvas = gBrowser.contentDocument.createElement('canvas'); 
var ctx = canvas.getContext("2d"); 
ctx.drawWindow(window, 0,0, 100, 200, "rgb(255,255,255)"); 
canvas.toDataURL("image/png"); 

마지막 줄의 끝에 rsor는
을 눌러 제어 + L
미션 수행!