DevTools로 스크린샷을 캡처하는 4가지 방법

Dale St. Marthe
Dale St. Marthe

Chrome DevTools는 웹 프로젝트의 스크린샷을 캡처하는 혁신적인 방법을 제공합니다.

다음 DevTools 도움말 동영상에서는 완벽한 스크린샷을 찍는 데 도움이 되는 4가지 독특한 기법과 수많은 팁을 소개합니다. 다시는 같은 방법으로 스크린샷을 찍지 마세요!

다음 동영상을 통해 방법을 알아보세요.

  • Elements 패널에서 노드를 스크린샷합니다.
  • 화면 크기보다 큰 노드를 스크린샷으로 캡처합니다.
  • 모바일 버전의 웹사이트 스크린샷을 찍고 기기 프레임을 추가하세요.
  • 전체 페이지 스크린샷을 캡처합니다.
  • 페이지 영역 스크린샷
  • 스크린샷을 맞춤설정합니다.