Firefox로 전체 페이지 캡처하기

Question

VPS의 Xvfb에서 Firefox를 실행 중입니다. 내가하고 싶은 것은 페이지의 전체 페이지 스크린 샷을 찍는 것입니다.

내가

firefox http://google.com 

를 사용하여 특정 페이지로 파이어 폭스를 리디렉션 ImageMagick이

문제가

import root -window output.jpg 

을 사용하여 (X 내부) 스크린 샷을 취할 수, 페이지의 대부분은 내가 '할 수 스크롤 필요 미리 높이를 알아.

다른 방법은 4000px와 같은 매우 큰 높이를 선택한 다음 이미지를 처리하고 쓸모없는 부분을 제거하는 것입니다. 그러나 그것은 불필요한 처리입니다.

Firefox 추가 기능이 많이 있지만 Shell 명령어를 사용하여 프로그래밍 할 수있는 솔루션을 찾고 있습니다.

편집 :이 작업을 위해 내 자신의 FireFox extension을 작성했습니다.

Answer 1

당신이 변화-F2를 누르거나 도구> 웹 개발자> 명령을 엽니 개발자 도구 모음에 갈 수 Firefox 16 이후 :

확장을 설치 한 후, 당신은 단지 명령을 입력해야합니다 선. 쓰기 :

screenshot 

과 screeshot을 위해 소개를 누릅니다.

screenshot --fullpage 

그리고 --clipboard 옵션을 사용하여 클립 보드에 스크린 샷 복사 :

screenshot --clipboard --fullpage 

을

완전히 질문에 대답하기 위해, 당신은 심지어 전체 페이지, 그것의 보이는 부분뿐만 아니라 절약 할 수 있습니다

Firefox 18은 인수가 명령에 전달되는 방식을 변경하기 때문에 앞에 "-"를 추가해야합니다.

일부 설명서와 전체 명령 목록 here을 찾을 수 있습니다.

_{PS. 스크린 샷은 기본적으로 다운로드 디렉토리에 저장됩니다.}

Answer 2

나는 페이지를 브라우저에서 png 파일로 열어 저장할 수있는 유틸리티라고 생각합니다. 아마도 당신은 commandlineprint2과 같은 유틸리티를 찾고있을 것입니다.

firefox -print http://google.com -printfile ~/foo.png 

Answer 3

이렇게하는 사용자 지정 솔루션 (Firefox 확장)이 코딩되었습니다. 내 생각에 내가 개발했을 때, enreas에 언급 된 명령 줄은 거기에 없었습니다.

Firefox 확장은 CmdShots입니다.스크린 샷을 찍는 과정을보다 세밀하게 제어해야하는 경우 (또는 HTML/JS 수정 및 이미지 처리를 수행하려는 경우) 좋은 옵션입니다.

당신은 그것을 사용하고 악용 할 수 있습니다. 나는 그것을 무면허로 유지하기로 마음 먹었으므로 자유롭게 그것을 할 수 있습니다.

Answer 4

Firefox 32 이후 개발자 도구 (F12)에도 full page screenshot button이 있습니다. 사용하도록 설정되지 않은 경우 개발자 도구 설정 (톱니 바퀴 버튼)으로 이동하여 '사용 가능한 도구 상자 버튼'섹션에서 '전체 페이지 캡쳐 가져 오기'를 선택하십시오.

소스 : developer.mozilla.org

기본적으로는 스크린 샷은 다운로드 디렉토리에 저장됩니다. 이 도구 모음에서 screenshot --fullpage 비슷한 작동합니다. 파이어 폭스 (55)의 업데이트로 2017년 6월 15일

보다 유연한 대안으로 Firefox Screenshots있다. 파이어 폭스 57 스크린 샷은 전체 페이지를 캡처 할 수 있습니다.