본문 바로가기
컴퓨터

chrome, Firefox 개발자 모드로 웹페이지 스크린캡쳐하기

by 촐초리 2022. 7. 3.
반응형

요즘은 윈도의 기본 캡쳐 도구로도 정말 편리하게 화면 캡쳐를 하기 좋다

문제는 웹페이지가 길게 스크롤이 필요한 경우 전체화면을 스크롤하며 캡쳐하기가 만만치 않다는 것

 

하지만 웹브라우저 기본 기능에 이런 기능이 있다

1. 크롬

먼저 F12를 눌러 개발자 모드에 진입한 다음

Ctrl+Shift+P를 눌러서 screen을 검색하면 아래 그림처럼 'Capture full size screenshot' 이 있다

선택하면 전체 화면으로 캡쳐가 된다

결과물은 이렇게 스크린캡쳐가 된다

2. Firefox

역시 개발자 모드로 진입 (Ctrl+Shift+I)

개발자 모드에서 콘솔을 클릭한다음 하단에 

:screenshot --fullpage

를 입력하면

전체 화면으로 캡쳐가 된다

결과물은

각각의 웹브라우저에서 보이는 그대로 화면 캡쳐가 된다.

반응형