웹 브라우저 스크린샷 feat. Chrome

진짜 그냥 너무 꿀팁인거 같아서 메모..

가끔 웹 페이지 스크린샷 하고 싶을 때, 윈도우 기본 캡처도구는 창 별로 스크린 하기 어렵고 full 스크린도 어려워서 되게 조잡하게 캡처 한 기억이 다들 있을 것이다.

크롬이라면 이를 개발자도구로 한 번에 해결 가능하다. (다른 브라우저는 안해봤음)

굳이 확장 프로그램도 필요 없다.

Full Size Screen Shot

크롬 개발자도구(F12)에서 Ctrl + Shift + P로 CLI 인터페이스를 연다. (혹은 Ctrl + P 이후에 ‘>’)

full 이라고 검색하면 바로 ‘Capture full size screenshot’ 명령어가 나온다.

요소 별 Screen Shot

원하는 요소를 우클릭 + 검사로 찾는다. 개발자 도구에서 해당 요소 우클릭 하면 아래쪽에 Capture Node Screenshot이 있다.

해당 요소만 Screen Shot 찍어준다!!!!!!!!!!!!!!!!! ㄹㅇ 꿀팁..