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

Dale St. Marthe
Dale St. Marthe

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

다음 DevTools 도움말 동영상에서는 완벽한 스크린샷을 찍는 데 도움이 되는 4가지 고유한 기법과 다양한 팁을 보여줍니다. 다시는 같은 방식으로 스크린샷을 찍지 마세요.

동영상을 시청하여 다음 작업을 수행하는 방법을 알아보세요.

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