서영이네집

 Firefox를 사용한다면 FireBug하나면 모든 디버깅이 가능하지만 불가피하게 IE에서 개발을 해야 하는 경우에는 FireBug를 사용할 수 없습니다. 하지만 IE에서는 무료로 사용할 수 있는 디버거가 그리 많지 않습니다. 지금 소개하는 Fiddler2는 무료이면서 웹 디버깅에 매우 유용한 툴입니다.
 Fiddler2는 개인적으로 Ajax 관련 개발을 하는 경우에 많이 사용하고 있습니다. 이제부터 Fiddler2의 기능과 활용법을 알아 보도록 하겠습니다.

Fiddler2 홈페이지에서 프로그램을 다운받아 설치합니다.

Fiddler2 실행시키기

Fiddler2는 IE 도구 메뉴에서 실행시킬 수 있습니다.
Fiddler2를 처음 실행시키면 다음과 같이 창이 생깁니다.
참고로 Fiddler2는 8888 포트를 사용하고 있습니다. 만약 포트 충돌로 인해 포트를 변경해야 한다면 Tools => Fiddler Options => Connections(탭)에서 Fiddler listens on port 항목의 값을 원하는 포트로 변경해 주시면 됩니다.
 왼쪽의 세션리스트에서 해당 세션을 하나 또는 다수를 선택하면 선택된 세션에 대한 정보가 오른쪽에 표시됩니다.

Statistics

간단한 통계정보를 보여줍니다. 맵 하단부에 'Show Chart'를 클릭하면 선택된 세션들의 비율을 파이차트로 보여줍니다. 특이한점은 통계정보중에 'ESTIMATED WORLDWIDE PERFORMANCE'라고 해서 각 국가별 응답속도가 나옵니다.

Inspectors

Inspectors는 제가 Ajax관련 기능을 디버깅 할때 제일 많이 사용하는 기능입니다. 세션리스트에서 세션을 선택하면 해당 세션에 대한 정보를 보여주는데요. 해당 세션의 request의 다양한 정보와 response의 정보 그리고 response의 내용도 볼 수 있어서 Ajax기능을 사용할 때 많이 사용하고 있습니다.

Request Builder

세션리스트에서 세션을 오른쪽 request builder에 드래그 & 드랍한후 Execute 버튼을 클릭하면 해당 세션의 request가 다시 한 번 서버로 보내집니다. 몇 번이고 반복해서 보낼 수 있습니다.

Filters

Filters는 말 그대로 세션리스트를 필터링하는 기능입니다. 세션리스트에서 원하는 세션만 보고싶다면 Filters를 사용하세요.

Timeline

timeline은 선택된 세션들이 로딩되는데 걸린 시간들을 보여줍니다. 보통 한화면을 로딩한 세션들을 모두 선택해서 보는데 주로 사용합니다. 어느 파일이 응답시간이 오래걸리는지 확인하는데 주로 사용합니다. 위 그림에서는 플래쉬 파일이 제일 오래 걸리는 군요.

 이외에도 AutoResponder 기능도 있지만 어떤 용도로 사용하는지 저도 잘 모르겠습니다. Fiddler2 홈페이지에 있는 동영상 설명도 들어봤지만 제가 영어가 짧아서 안들리더군요.ㅠ.ㅠ

 저는 Fiddler2를 개발시 Ajax 기능을 사용하게 될때 주로 사용하고 있습니다만 좀더 다양하게 활용될 수 있으리라 생각됩니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.