웹브라우저 화면 캡쳐 개발자 모드 실행명령 이용

웹페이지의 내용을 화면 캡쳐하는 방법 중 여러가지가 있지만 웹브라우저의 개발자 도구를 이용한 방법이 있다. 개발자 도구는 웹개발자들을 위해 만들어진 것이긴 하지만 지금은 여러모로 많은 유용한 도구가 되었기도 하다. 여기에는 웹페이지를 캡쳐하는 도구도 있고, 필요시 유용하게 사용할 수 있다.

웹브라우저 화면 캡쳐
개발자 모드 실행명령 이용

인터넷을 검색하다 보면 중요하거나 관심있는 내용이 있다면 캡쳐를 하곤 한다.

지금 나오는 웹브라우저들은 거의 전부 캡쳐 기능이 있기도 하지만, 가끔 안되는 것들도 있다.

조금 불편하지만 웹브라우저에서 기본적으로 제공하는 개발자 도구를 이용하면 웹브라우저의 캡쳐 도구를 이용할 수 있다.

물론, 이 기능 또한 웹브라우저마다 되는 기능이 있고, 안되는 기능이 있다.

개발자 도구에서 사용하는 캡쳐도구의 동작여부를 떠나 방법은 알아두도록 하자.

웹 디버깅도구 개발자 도구 F12

웹브라우저마다 있는 개발자 도구는 웹페이지를 디버깅하고 잘못된 것을 찾거나 데이터의 확인 웹페이지의 동작을 확인하기 위한 도구이다.

개발자 도구를 열고 웹페이지 정보를 확인하는 방법은 단축키 F12 를 이용하는 방법이다.

F12 키를 이용해 개발자 도구를 열며 현재 웹페이지의 여러가지 정보를 볼 수 있는데 현재 웹페이지의 정보를 상세하기 볼 수 있다.

오롯이 개발자들을 위한 것이긴 하지만 막강한 기능 때문인지 악용의 사례가 많은 것도 웹브라우저의 개발자도구이기도 하다.

개발자 도구의 캡쳐도구 열기

편의성에서 많은 기능이 있는 네이버의 웨일브라우저를 사용해 보도록 한다.

웨일브라우저와 크롬브라우저는 외형만 다를 뿐 내부적으로는 많은 기능이 동일하기 때문에 웨일브라우저의 개발자 도구에 익숙해져도 상관없다.

먼저 F12 키를 눌러 개발자 도구을 열도록 한다.

아래와 같은 화면이 화면 우측에 나타날 것이다.

점 세개가 세로로 표시된 부분이 더보기 버튼이며, 이것을 클릭하면 여러가지 메뉴가 나타난다.

Run Command 항목을 선택한다.

웹페이지 캡쳐하기

위의 이미지처럼 Run Command 까지 클릭했다면 텍스트를 입력할 수 있는 항목이 나타난다.

Run 입력항목에 capture 라고 입력하면 웹페이지를 어떻게 캡쳐할 것인지에 대한 선택 메뉴가 나타난다.

Capture screenshot 항목의 Screenshot 버튼을 클릭하자.

캡쳐한 웹페이지는 파일형태로 자동으로 저장된다.

폴더 열기를 하면 캡쳐한 웹페이지의 이미지 파일을 볼 수 있다.

폴더 열기를 클릭하도록 한다.

파일명은 현재 캡쳐한 웹페이지의 주소로 자동으로 만들어 진다.

파일명을 보면 유튜브의 메인화면을 캡쳐한 것을 알 수 있다.