Chrome에서 큰 웹 페이지 스크린 샷 캡처 “500”요청 오류가 발생합니다 웹

웹 페이지가 매우 큽니다 (몇 MB). 이 확장을 시도했는데 모두 실패했습니다.

  • 화면 캡처 (Google 제공) -이미지가없는 새 탭이 나타납니다
  • Pixlr Grabber- 저장을 누른 후 “500”요청 오류가 발생합니다
  • 웹 페이지 캡처 스크린 샷-Fireshot- 웹 페이지가 너무 커서 RAM에 저장 된다고 말하면 오류가 발생합니다. Insufficient video memory: You need at least -2365 MB of RAM(사실하고 1GB가 좋습니다)
  • 웹 페이지 및 웹캠 스크린 샷 -이미지가 없습니다
  • 굉장한 스크린 샷-캡처 및 주석 달기 -이 표시 capturing...되면 완료되면 일부 버튼이있는 새 탭이 열립니다. “완료”를 누르면 preparing your image...영원히 표시됩니다.

실제로 작동하는 웹 사이트 화면 캡처 도구를 알고 있습니까?



답변

크롬을 사용하는 경우 CutyCapt를 사용하여 웹킷의 렌더링을 이미지로 캡처합니다.

CutyCapt는 WebKit의 웹 페이지 렌더링을 SVG, PDF, PS, PNG, JPEG, TIFF, GIF 및 BMP를 포함한 다양한 벡터 및 비트 맵 형식으로 캡처하는 작은 플랫폼 간 명령 줄 유틸리티입니다. Internet Explorer 기반의 유사한 도구에 대해서는 IECapt를 참조하십시오.


답변

Windows에서 PhantomJS를 사용하여 결국 사용했습니다 …

screenshot.js

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

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

이것을 phantomjs 폴더에 덤프 한 다음 screenshot.cmd 파일을 하나 더 추가하십시오.

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

phantomjs 폴더 에이 두 파일을 모두 사용하여 screenshot.cmd를 실행하십시오. 방금 거대한 페이지의 40MB png 파일을 생성했습니다.


답변

이는 v59부터 Chrome에서 수행 할 수 있습니다.

개발자 블로그 공지

비디오 튜토리얼

단계 요약 (텍스트를 선호하는 경우) :

  1. 개발자 도구 열기
  2. 장치 툴바 전환
  3. 장치 도구 모음에서 원하는 해상도를 설정하십시오
  4. 장치 도구 모음에서 추가 옵션 오버플로 메뉴를 선택하십시오.
  5. 스크린 샷 캡처 또는 전체 크기 스크린 샷 캡처를 선택하십시오.
  6. 스크린 샷이 다운로드 폴더에 저장됩니다

답변

Chrome에서 큰 웹 페이지 스크린 샷을 캡처 하시겠습니까? 웹 페이지가 매우 큽니다 (몇 MB). Google에서 Screen Capture를 시도했습니다. 이미지가없는 새 탭이 나타납니다.

그것은 사용하는 캔버스 요소의 단점 때문입니다. 무시하고 파일을 저장 한 다음 파일을여십시오. 괜찮을거야.

얼마 전에 나는 빈 탭 문제도 얻었고 (Caputre 전체 페이지 기능을 사용할 때 다소 흔하게 보임 ) [Save]어쨌든 버튼을 클릭했습니다. 결과 파일을 열었을 때 (호기심이 많거나 비어 있거나 0x0이라고 생각) 이미지가 거기에있을뿐만 아니라 정확하다는 것을 알고 놀랐습니다 ! 좋은.

물론 이것은 저장하기 전에 확장 (제한된) 이미지 편집 도구를 사용할 수 없다는 것을 의미합니다. MSPaint 또는 무엇이든 쉽게 사용할 수 있습니다 (나는 수정하지 않고 저장 한 다음 사본을 수정합니다).