본문 바로가기

웹브라우저 이야기

인터넷 익스플로러, 구글 크롬 HTML 소스 보기

웹개발자들을 비롯하여 홈페이지 제작, 블로그 제작 등에 있어서 가장 중요한 것이 소스 코드의 분석입니다.


이미 제작된 페이지의 소스 또한 자신의 것으로 만들고 더 빠르고 간결한 코드를 구현하기 위해 많은 코드를 경험해야 하고 분석해야 합니다.


인터넷을 떠돌다 호감이 가거나 소스가 궁금해질 경우 그 즉시 해당 HTML 코드를 확인할 수 있는 방법이 있는데요, 바로 인터넷 익스플로러의 소스보기 기능이 되겠습니다.


현재 우리나라에서 가장 많이 사용하는 인터넷 익스플로러와 구글 크롬은 모두 동일한 단축키를 지원하는데요, Ctrl + U 단축키를 이용하여 아래 화면과 같이 HTML 코드를 단번에 확인해 볼 수 있겠습니다.


 HTML 소스 보기

HTML 소스


인터넷 익스플로러 보기 메뉴 -> 소스 메뉴를 누르면 그 즉시 팝업창으로 HTML 원본을 확인해 볼 수 있습니다.

위 화면은 인터넷 익스프로러로 네이버에 접속한 후 Ctrl + U 단축키를 이용하여 소스를 보는 화면입니다.

.


아래는 구글 크롬에서 도구 -> 소스 보기를 누르면 바로 확인할 수 있으며, 동일하게 Ctrl + U 단축키를 이용하여 새탭에서 HTML 소스를 확인할 수 있겠습니다.


소스 코드 보기

소스 코드


물론 IE, Chrome 모두 개발자 모드를 지원해주고 있으므로 더 세세한 항목을 보기 위해서는 개발자 모드를 활용해 보시기 바랍니다.


인터넷 익스플로러 개발자 모드 : F12

구글 크롬 개발자 모드 : Ctrl + Shift + J

 

다른 것을 모방하는 것이 죄는 아닙니다.

단지 그것을 내것으로 만들 수 있느냐 없느냐가 중요한 것입니다.

대부분의 개발자는 다른 것을 모방하는 연습을 통하여, 비슷하거나 전혀 다른 새로운 것을 만들어내는 능력을 가진 사람입니다.