스크롤되는 영역만 캡처하는 방법

스크롤 영역 캡처와 전체 페이지 캡처의 차이

내부 스크롤이 없는 단순한 영역은 스크롤 영역으로 이어서 캡처할 내용이 없습니다. 이때는 전체 페이지 캡처 또는 현재 화면 캡처가 맞습니다.

어떤 화면에서 유용한가요?

스크롤 컨테이너 선택 과정

1. 캡처할 패널이 실제로 내부에서 스크롤되는지 직접 위아래로 움직여 확인합니다.
2. PageCapture에서 스크롤 영역 캡처를 선택합니다.
3. 페이지 위에서 포인터를 움직이며 파란색 강조 범위가 원하는 패널과 일치하는지 봅니다.
4. 스크롤 막대와 필요한 내용이 모두 포함된 컨테이너를 선택합니다.
5. 영역 캡처를 진행한 뒤 결과의 시작과 끝, 좌우 잘림 여부를 확인합니다.

잘못된 요소를 선택했을 때 확인하는 방법

상위 요소를 너무 크게 선택한 경우

강조 범위가 페이지 대부분이나 주변 메뉴까지 포함한다면 실제 스크롤 패널보다 바깥쪽 상위 요소를 선택한 것입니다. 패널 안쪽의 콘텐츠와 스크롤 막대 가까이에서 다시 범위를 확인하세요.

하위 요소를 너무 작게 선택한 경우

한 행, 카드 또는 메시지 하나만 강조되고 그 요소 자체는 움직이지 않는다면 스크롤 컨테이너 안의 하위 요소를 고른 것입니다. 여러 항목을 감싸며 자체적으로 스크롤되는 바깥 패널을 선택하세요.

핵심 기준은 선택한 요소 자체에 내부 스크롤이 있는지입니다. 화면에 길어 보이는 것과 실제 스크롤 컨테이너인 것은 다를 수 있습니다.

캡처가 제한될 수 있는 구조

접근할 수 없는 교차 출처 iframe 안의 내용, Chrome 내부 페이지와 같은 보호된 화면은 브라우저 보안 경계 때문에 선택하거나 캡처할 수 없을 수 있습니다. 확장 프로그램은 이 제한을 우회하지 않습니다.

canvas로 그려지는 화면이나 캡처 중 계속 갱신되는 대시보드는 일반 문서 요소와 다르게 동작하거나 프레임마다 내용이 바뀔 수 있습니다. 결과가 예상과 다르면 현재 화면 캡처를 사용하거나 페이지의 움직임을 멈춘 뒤 다시 시도하세요.

관련 PageCapture 가이드

• PageCapture 가이드 전체 보기
• Chrome에서 웹페이지 전체 캡처하는 방법
• 웹페이지를 PNG 또는 PDF로 저장하는 방법
• PageCapture 제품 페이지
• PageCapture 지원 및 FAQ