반응형
브라우저에서 간단하게 화면 스크린 샷을 찍는 방법입니다.
별도의 프로그램이나 확장프로그램없이 간단하게 사용가능합니다.
스크린샷을 찍기위해서는 개발자 도구에 들어가야합니다.
F12나 Ctrl + Shift + I를 눌러서 개발자 도구에 들어가주세요.
개발자 도구에 들어가주신 후에 Ctrl + Shift + P를 눌러주시면 위의 사진처럼 검색창이 출력됩니다.
검색창에 screenshot을 입력하면 스크린샷을 찍을 수 있는 4가지 방법이 나오게 됩니다.
4가지 방법을 설명해 드리면
Capture arae screenshot : 윈도우의 캡처 도구처럼 마우스로 드래그한 영역을 캡처합니다.
Capture full size screenshot : 브라우저의 전체 페이지를 캡처합니다.
Capture screenshot : 브라우저에서 현재 보고있는 영역을 캡처합니다.
Capture node screenshot : 현재 선택되어 있는 항목을 캡처합니다.
제 기준에서 Capture node screenshot을 가장 유용하게 쓰고 있고 헷갈릴 수도 있는 부분이어서
추가로 설명해 드리겠습니다.
개발자 도구에서 가장 왼쪽에 있는 화살표 아이콘을 클릭하시면 각 항목을 선택할 수 있습니다.
저는 글쓰기 버튼을 선택했습니다. 글쓰기 버튼을 선택한 후에 Capture node screenshot을 사용하시면
글쓰기 버튼만 깔끔하게 캡처되어 다운로드됩니다.
capture node screenshot을 사용해 캡쳐한 글쓰기 버튼입니다.
반응형
'간단한 팁' 카테고리의 다른 글
| 프린트 스크린 키로 현재 작업 중인 화면(프로그램)만 캡처하는 방법 (0) | 2021.11.20 |
|---|---|
| 프린트 스크린 키로 이미지 파일 바로 저장하는 방법 (0) | 2021.11.19 |
| 프로그램 설치 없이 단축키로 화면 캡처하는 방법 (0) | 2021.11.18 |
| 크롬 웹스토어(크롬 확장프로그램) 검색 안될 때 해결하는 방법 (0) | 2021.09.07 |
| 윈도우 기본 브라우저 변경하는법 (엣지에서 크롬, 크롬에서 엣지 전환) (0) | 2021.06.20 |