브라우저가 지원하는 것보다 더 높은 해상도로 브라우저 스크린 샷을 찍는 방법은 무엇입니까?

4000x3000 픽셀과 같은 매우 높은 해상도의 모니터에 나타날 웹 사이트의 스크린 샷을 만들어야합니다. 내 노트북 ​​화면의 기본 해상도는 1400x768입니다. 기본적으로 모니터 및 비디오 카드가 실제로 지원하는 것보다 훨씬 높은 모니터 해상도를 갖는 것을 시뮬레이션해야합니다. Firefox의 CTRL MINUS (확대)를 반복적으로 클릭 할 때 사이트의 스크린 샷이 거의 보이지만 스케일링으로 인한 픽셀 손실이 없어야합니다. 어떻게해야합니까? 가상 머신 소프트웨어를 사용하여 고해상도 디스플레이를 시뮬레이션 할 수있는 방법이 있습니까? 그렇지 않은 경우 화면보다 큰 브라우저 창을 연 다음 어떻게 든 PNG로 내용을 캡처 할 수 있습니까? 작동 할 다른 것이 있습니까?

Firefox 및 2 개의 확장 ( Web Developer 및 FireShot)으로 이를 수행 할 수 있습니다 .

두 확장이 모두 설치되면 도구-웹 개발자-크기 조정-크기 조정 크기 편집 ...으로 이동하십시오.

새 크기 인 4000 x 3000을 추가하십시오. 페이지 내용 만 4000x3000으로하려면 "뷰포트 크기 조정"을 선택하십시오. 확인하지 않으면 Firefox의 전체 창 (도구 모음, 메뉴 등)이이 차원으로 설정됩니다.

올바른 크기가되면 도구-FireShot-전체 페이지 캡처 및 ...으로 이동하십시오. 예를 들어 저장과 같은 조치를 선택하십시오. 웹 개발자가 설정 한 페이지 내용을 원하는 크기로 저장합니다.

한편 (최소한 1 년 또는 2 년 동안-내가 실수하지 않으면 버전 15 이후) Firefox는 통합 개발자 도구를 통해이를 직접 지원합니다.

스트라이프 메뉴 의 개발자 도구 아이콘에서 반응 형 디자인보기 를 누르 CtrlShift M거나 선택하십시오 .

즉, 사전 설정의 집합을 선택할뿐만 아니라, 원하는 해상도를 입력하게됩니다이보기 나타납니다 와 직접 한 번의 클릭으로 디스크에 PNG 형식으로 스크린 샷을 저장 :

Mac에서 Paparazzi 는 GUI를 사용하거나 다음과 같은 URL 구문을 사용하여 도움을 줄 수 있습니다.

paparazzi : (width = 4000, height = 3000, maxheight = 3000) 브라우저 지원하는 것보다 높은 해상도로 브라우저 스크린 샷을 찍으려면 어떻게해야합니까?

URL 구문은 북마크로 쉽게 전환 할 수 있습니다 . Paparazzi는 WebKit 렌더링 엔진을 사용합니다.

Abduction 이라는 FireFox 애드온을 사용하여 웹 페이지 전체를 .png 샷으로 만듭니다. 불행하게도 해당 애드온은 아직 FireFox 3.6과 호환되도록 업데이트되지 않았습니다.

처럼 보이는 ScreenGrab이 같은 일을 할 것입니다.

Firefox 16 이후에는 이제 개발자 콘솔을 사용하여 뷰포트의 크기를 제어 할 수 있습니다.

도구 열기 ... 웹 개발자 ... 개발자 툴바

이 명령으로 뷰포트 크기를 조정하십시오.

resize to 5000 5000

이 명령으로 화면 캡처 :

screenshot output.png

글쎄, 리눅스 (또는 X 윈도우 시스템 설정)를 사용하면 모니터보다 큰 가상 데스크탑을 설정할 수 있습니다. 당신은 그것을 스크롤하지만 브라우저를 최대화하고 스크린 샷을 얻을 수 있다고 생각합니다.

Windows 또는 OS X에서 할 수있는 방법이 있는지 모르겠습니다.

자주하지 않아도 브라우저 플러그인을 설치하는 것보다 thumbalizr 와 같은 온라인 서비스를 사용하는 것이 더 쉽다는 것을 알았 습니다.

Chrome에는 다음과 같은 몇 가지 확장이 있습니다.

• 발사

• 웹 페이지 스크린 샷 (나와 함께 작동하지 않았거나 지금 버그가있을 수 있음)

다른 웹 페이지 스크린 샷이 있지만 두 개 이상의 링크를 게시 할 정도로 평판이 좋지 않습니다.