Chrome 개발자 도구를 사용하면 노드 스크린샷을 캡처할 수 있습니다. 불행하게도 노드의 보이는 부분만 캡처합니다. 풀 노드가 필요합니다.
"전체 크기 스크린샷 캡처" 명령도 있지만 전체 페이지를 캡처합니다. 단일 노드만 필요합니다.
그러면 어떻게 풀노드(화면보다 높은 노드)를 캡쳐할 수 있나요?
답변1
전체 길이로 표시되도록 노드 스타일을 변경한 다음 노드 스크린샷을 찍거나 페이지의 다른 요소를 제거하고 전체 페이지 스크린샷을 찍을 수 있습니다.
노드 스크린샷 포함:
- 전체 높이까지 늘어나도록 노드의 스타일을 편집합니다(높이, 최대 높이 등 제거).
- 필요한 경우 인접 요소를 제거하십시오.
- 캡처 노드 스크린샷.
페이지 스크린샷 포함:
- 스크린샷을 찍고 싶은 노드를 이동하여
body태그 의 직계 자손이 되도록 하세요. - 페이지의 다른 보이는 요소를 제거하십시오.
- 전체 높이까지 늘어나도록 노드의 스타일을 편집합니다.
- 전체 페이지 스크린샷을 찍으세요.
페이지의 요소는 "요소 삭제" 옵션을 사용하여 제거할 수 있습니다.