[IE9] 개발자 도구 기능 살펴보기

기본적으로 인터넷 익스플로러 개발자 도구에서는 스크립트 디버깅을 제공합니다. 예전에 자바스크립트 아르바이트를 했을 때 유용하게 사용했던 개발자 도구가 IE9 에서는 좀 더 쓸모있는 도구로 업그레이드해서 나왔습니다.

F12 키를 이용하여 개발자 도구를 활성화 할 수 있습니다. IE8에서는 기본 보기가 새창으로 개발자 도구를 띄웠지만 IE9에서는 기본으로 firebug와 유사하게 현재 창에 붙어서 활성화 됩니다. 아래 빨간 네모의 버튼을 누르면 새로운 창으로 개발자 도구가 뜨게 됩니다.

사용하시는 모니터 해상도가 큰 편이시라면 위의 방식대로... 작은 모니터를 사용하신다면 새 창을 띄워서 사용하시는 것이 좋을 듯 하네요.

새로 추가된 네트워크 기능입니다. 정확하게 이야기 하자면 모든 요청에 대한 응답을 캡쳐하는 기능입니다.
이 기능을 이용하여 응답이 없는 불필요한 요청 시도를 걸러낼 수 있습니다. 제 블로그에도 404가 떨어지는 군요... 털썩...

자바스크립트 직접 실행은 콘솔 탭에서 가능합니다.
javascript:resizeTo(800, 600) 을 실행해보면...

쉽게 창을 줄일 수 있습니다. 예전처럼 주소창에 자바스크립트를 실행시키지 않아도 제어가 가능합니다.

재미있는 기능 중 하나인 눈금자 기능입니다. 도구 - 눈금자 표시 메뉴를 선택하면 아래와 같은 눈금자 창이 뜨게 됩니다. 눈금자 색상을 선택하고 브라우저를 클릭하고 원하는 방향으로 드래그를 하면 눈금자가 표시되게 됩니다.

도구 - 색상표 표시 메뉴는 컬러 피커의 기능을 제공합니다.

개발자 도구의 실제 핵심에 대해서는 살펴보지 못하였습니다. 다음 번에 기회가 된다면 개발자 도구의 핵심인 스크립트 디버깅에 대해 포스팅하도록 하겠습니다.