IE 11 개발자도구로 네이버 및 카카오TV 동영상 다운로드

일전에 구글 크롬 개발자 도구를 이용하여 네이버TV나 카카오TV 동영상 다운로드하는 팁을 알아 보았는데요.

크롬 개발자도구로 네이버 및 카카오TV 동영상 다운로드

오늘은 윈도우 10에 탑재된 인터넷 익스플로러 11(이하 IE로 표기)와 MS 엣지 개발자 도구로 네이버 및 카카오TV 동영상 다운로드 팁을 알아 보겠습니다.

IE나 MS 엣지도 크롬과 마찬가지로 개발자 도구를 실행하는 단축키는 F12 키인데요.

이전글에서는 크롬에서의 동영상 다운로드 예제 페이지를 네이버TV로 설명을 드렸으니 형평성(?ㅎ)을 맞추기 위해 IE에서는 ☞카카오TV 먼저 접속해 보도록 하지요.

그리고 IE로 네이버TV나 카카오TV에서 원활한 동영상을 내려받으려면 접속전 ☞씨클리너 등과 같은 외부 소프트웨어를 이용해 시스템을 최적화하거나, 인터넷 옵션을 열어서 검색 기록을 삭제한 후 접속하길 권장합니다.

IE 11 개발자 도구로 카카오 및 네이버TV 동영상 내려받기

1.

다음 메인에서 카카오TV로 찾아 들어가는 방법은 다들 알고 계시겠지만...

초심으로 돌아가 다시 한번 말씀드리면 메인 상단 메뉴에서 카카오TV 탭을 누르시구요.

2.

카카오TV로 들어가 다운로드할 동영상을 선택한 후 15초 광고가 끝나고 스킵 버튼으로 본 동영상이 재생되면 플레이어바의 화질 선택 버튼을 눌러 재생되는 해상도를 선택합니다.

3.

선택한 화질로 동영상이 재생되면 F12 키를 눌러 개발자 도구를 불러 오는데요.

만약 개발자 도구가 동영상 재생 페이지 하단에 길게 펼쳐진 상태로 고정되어 실행되면 오른쪽 닫기 버튼 옆 2중 사각 모양의 아이콘을 눌러 고정 해제(Ctrl + P)해 주세요.

❶

이유인즉, 개발자 도구가 페이지 하단에 고정된 상태에서 네트워크 ▼ 콘텐츠 형식 드롭다운 버튼을 눌러 보면...

❷

메뉴가 모두와 문서만 표시되는데요.

❸

그렇다면 고정 해제하여 페이지와 분리해 논 개발자 도구를 들여다 보면 어떨까요?

네트워크 탭에서 각각의 코드를 볼 수 있는 콘텐츠 형식이 표시되는데요.

여기서 눈치 빠른 분은 벌써 아셨겠지만 동영상 다운로드에 필요한 콘텐츠 부분은 미디어입니다.

4.

위 ❸ 샷처럼 네트워크 탭을 누르고 콘텐츠 형식을 열어 미디어를 선택하고 로딩되길 기다립니다.

그런데 만약 미디어를 선택하고 로딩이 완료되었는데도 개발자 도구 오른쪽 이름/경로란에 콘텐츠가 표시되지 않는다면 F5 키를 눌러 페이지를 새로고침하거나, 상단 메뉴 오른쪽 기본값이 IE 11으로 되어있는 모니터 아이콘을 눌러 하위 버전인 10이나 9으로 선택해 주세요.

5.

저는 하위 버전 10을 선택했는데요.

그러면 페이지가 자동으로 새로고침되면서 동영상이 기본 화질인 720HD로 재생됩니다.

720HD를 최고 화질인 1080HD로 선택하고 개발자 도구 이름/경로란을 보니 mp4 확장자로 표시된 미디어 콘텐츠가 6개나 표시되었는데요.

content.mp4외 상단 2개의 mp4는 15초짜리 광고 콘텐츠구요. 4개의 content.mp4 중 맨 아래 표시된 콘텐츠가 1080HD 해상도의 동영상인데요.

해당 콘텐츠를 우클릭하고, URL 복사 탭을 눌러 현재 동영상 페이지에 붙여넣거나, 새 탭을 열어 주소창에 붙여넣기합니다.

6.

IE 환경에서는 구글 크롬처럼 미리보기 화면이 열리지 않고 페이지 하단에 열기 및 저장 옵션바가 열리는데요.

저장 버튼을 눌러 다운로드 폴더로 저장하거나, 드롭다운 버튼의 다른 이름으로 저장을 선택하면 사용자가 지정한 폴더로 동영상을 지정할 수 있게 됩니다.

IE 11 개발자 도구로 네이버TV 동영상 다운로드 역시 카카오TV와 동일한 방법으로 내려받을 수 있으므로 패스하기로 하구요.

MS 엣지 개발자 도구를 이용한 네이버 및 카카오TV 동영상 다운로드 역시 IE 11와 똑같으므로 잠깐만 언급하고 이글은 마치겠습니다.

MS 엣지 개발자 도구로 네이버 및 카카오TV 동영상 내려받기

엣지를 실행하고 네이버TV 동영상 페이지로 왔는데요.

엣지의 개발자 도구 인터페이스는 IE 11와 유사하고 사용법도 같다고 보면 됩니다.

다만 엣지 개발자 도구가 페이지 하단으로 실행되면 IE처럼 굳이 고정 해제할 필요는 없구요.

(엣지 개발자 도구에서 콘텐츠 형식을 미디어로 선택했는데, 파일 목록이 표시되지 않는다면 IE와 마찬가지로 F5 키를 눌러 content.mp4로 시작되는 코드가 표시되면 해당 동영상은 100% 내려받을 수 있습니다.)

IE에서 처럼 content.mp4로 시작되는 탭을 우클릭하고 새 탭을 열어 주소창에 붙여넣어 보세요.

IE와는 달리 크롬처럼 동영상이 재생되는데요.

재생되는 화면을 우클릭하면 해당 동영상은 내 PC에 자연스럽게 저장할 수 있게 됩니다.

요즘은 온라인 동영상 서비스 사이트에 올라온 콘텐츠들을 쉽게 다운로드해 주는 웹사이트와 프로그램들이 많지만, 각 브라우저 자체 기능만으로도 동영상을 내려받을 수 있다는 의미에서 이 글을 쓴거구요. 

개발자 도구를 이용한 동영상 내려받기는 그나마 좀더 편안한 구글 크롬을 권장합니다.

또한 제가 글발이 없어 초심자께선 이해하기 어려운 부분도 있을 텐데요.

크롬이나 IE, 엣지 개발자 도구로 유튜브 동영상은 다운로드할 수 없구요

궁금한 점은 댓글로 남겨 주세요.

끝까지 읽어 주셔서 감사합니다.