웹개발자들을 비롯하여 홈페이지 제작, 블로그 제작 등에 있어서 가장 중요한 것이 소스 코드의 분석입니다.
이미 제작된 페이지의 소스 또한 자신의 것으로 만들고 더 빠르고 간결한 코드를 구현하기 위해 많은 코드를 경험해야 하고 분석해야 합니다.
인터넷을 떠돌다 호감이 가거나 소스가 궁금해질 경우 그 즉시 해당 HTML 코드를 확인할 수 있는 방법이 있는데요, 바로 인터넷 익스플로러의 소스보기 기능이 되겠습니다.
현재 우리나라에서 가장 많이 사용하는 인터넷 익스플로러와 구글 크롬은 모두 동일한 단축키를 지원하는데요, Ctrl + U 단축키를 이용하여 아래 화면과 같이 HTML 코드를 단번에 확인해 볼 수 있겠습니다.
인터넷 익스플로러 보기 메뉴 -> 소스 메뉴를 누르면 그 즉시 팝업창으로 HTML 원본을 확인해 볼 수 있습니다.
위 화면은 인터넷 익스프로러로 네이버에 접속한 후 Ctrl + U 단축키를 이용하여 소스를 보는 화면입니다.
.
아래는 구글 크롬에서 도구 -> 소스 보기를 누르면 바로 확인할 수 있으며, 동일하게 Ctrl + U 단축키를 이용하여 새탭에서 HTML 소스를 확인할 수 있겠습니다.
물론 IE, Chrome 모두 개발자 모드를 지원해주고 있으므로 더 세세한 항목을 보기 위해서는 개발자 모드를 활용해 보시기 바랍니다.
인터넷 익스플로러 개발자 모드 : F12
구글 크롬 개발자 모드 : Ctrl + Shift + J
다른 것을 모방하는 것이 죄는 아닙니다.
단지 그것을 내것으로 만들 수 있느냐 없느냐가 중요한 것입니다.
대부분의 개발자는 다른 것을 모방하는 연습을 통하여, 비슷하거나 전혀 다른 새로운 것을 만들어내는 능력을 가진 사람입니다.
'웹브라우저 이야기' 카테고리의 다른 글
파이어폭스 방문기록 삭제 및 방문기록 저장하지 않기 (0) | 2015.11.16 |
---|---|
인터넷익스플로러 ieframe.dll.mui 파일 변조 복구 방법 (4) | 2015.06.23 |
크롬 웹브라우저 기본 검색엔진 선택 (0) | 2014.11.19 |
인터넷 익스플로러 브라우저 모드 및 호환성 보기 (0) | 2014.03.07 |
인터넷 익스플로러 검색 기록 삭제 방법 (0) | 2013.05.23 |
인터넷 익스플로러 보안, 신뢰할 수 있는 사이트 등록 방법 (0) | 2013.04.25 |
인터넷 익스플로러 창 화면 크기 확대 및 축소 방법 (4) | 2013.04.24 |
인터넷 익스플로러 바탕화면에 바로가기 만들기 (0) | 2013.04.23 |
인터넷 익스플로러 즐겨찾기 폴더 생성 및 추가 방법 (0) | 2013.04.22 |