페이지 안쪽 스크롤 영역 캡처하는 법
전체 캡처가 순식간에 끝나고 한 화면만 나온다면, 캡처하려던 건 페이지가 아니라 페이지 안에서 따로 스크롤되는 상자입니다.
왜 한 조각에서 끝나는가
스크롤 캡처는 문서를 내리고 한 걸음마다 사진을 찍는 방식입니다. 채팅 앱, 관리자 대시보드, 바깥 틀이 고정된 문서 사이트, 삽입된 문서 뷰어는 문서를 아예 스크롤하지 않습니다. 창은 그대로 있고 안쪽 상자가 자기 내용만 움직입니다. 캡처는 페이지를 내렸는데 아무것도 안 움직였으니 바닥에 닿았다고 판단하고 멈춥니다. 판단 자체는 맞습니다.
안쪽 상자를 대신 캡처하기
ScrollStudio는 시작 전에 이걸 확인합니다. 화면의 여러 지점을 찔러 보고, 화면의 1/4 이상을 덮으면서 보이는 것보다 내용이 많은 스크롤 상자가 있으면 창 대신 그 상자를 캡처하고, 진행 표시에 그렇게 하고 있다고 알려 줍니다.
결과에 영향을 주는 두 가지가 있습니다.
- 상자의 안쪽만 찍습니다. 테두리와 스크롤막대는 뺍니다. 넣으면 조각마다 같은 띠가 들어가 이어붙였을 때 경계마다 줄이 남습니다.
- 조각을 조금씩 겹쳐 찍고 겹침의 한가운데에서 잇습니다. 많은 상자가 위아래 가장자리에 그림자를 깔아 두는데, 그게 결과물에 들어오지 않게 하기 위해서입니다.
엉뚱한 상자를 골랐을 때
스크롤 영역이 여러 개인 페이지는 애매할 수 있습니다. 요소 캡처로 원하는 패널에 마우스를 올리면 무엇이 캡처될지 하이라이트로 정확히 보이고, 클릭하면 그 요소가 캡처됩니다. 화면보다 긴 패널이라면 먼저 맨 위로 올려 두세요.
안 되는 것
- 스크롤하면서 아래를 불러오고 위를 버리는 목록(가상 스크롤 — 일부 채팅·표 컴포넌트)은 한 번에 페이지에 존재하는 만큼만 캡처됩니다. 페이지가 버린 내용은 브라우저 밖 무엇으로도 되살릴 수 없습니다.
- 다른 출처(cross-origin) iframe 안의 내용은 확장 스크립트가 접근할 수 없습니다.
- 크롬 내장 PDF 뷰어는 확장 오버레이 자체를 허용하지 않습니다. PDF 뷰어 캡처하기를 보세요.
가이드
무료, 계정 필요 없음, 서버로 전송하지 않습니다.