웹개발을 하다보면 작업하고 있는 화면을 급하게 캡쳐해서 보내줄 상황이 종종 생긴다. OS마다 캡쳐 하는 방법이 다르겠지만 정확하게 캡쳐하기 위해서는 크롬을 전체화면해서 찍는다던지 하는 번거로움이 있다.
특히 emulator로 모바일, 태블릿 화면으로 보여주고 싶을때는 잘라내는것이 여간 귀찮은게 아니다.
크롬에서는 이러한 수고를 덜어줄 편리한 스크린샷 방법이 있다.
- 먼저 개발자 도구를 연다.
- 그런뒤에 맞추고 싶은 해상도 (혹은 디바이스) 로 설정한다.
- 개발자 창에서 Ctrl-Shift-P (맥에서는 Cmd-Shift-P) 를 누른다. 누르면 아래와 같은 입력창이 나타난다.

4. 창에서 ‘Screenshot’ 을 입력한다. 그럼 아래와 같이 나온다.

5. Capture screenshot을 선택하면 현재 화면범위만 이미지 캡쳐를 하고 Capture full size screenshot은 화면 밖까지 전체 element를 모두 캡쳐해준다.
https://fonts.google.com/ 를 위 방법으로 캡쳐해보았다. (full size는 너무 사진이 커서 이곳에서는 올리지 않겠다.)

개발자도구에서 보는 아이폰 모드에서도 켭쳐가 가능하다.

