웹페이지 디버깅 피들러(Fiddler) 사용법 입니다
인터넷 웹페이지 속도나 정상적으로 구동이 되었는지 혹은 어떤 값을 파라미터를 주고 받는지 알고자 할 때 바로 필드러를 사용하는데요 피들러에 나오는 전송 방식을 분석하고 호출하려는 페이지가 정상인지도 확인할 수 있습니다. 웹 분석 프로그램 필들러 사용방법을 알아보겠습니다.
피들러 사용을 하려면 다운로드 받고 설치를 해야겠지요?
아래링크를 클릭해서 피들러 사이트에 접속합니다.
사이트 접속 후 우측에 있는 Free download 버튼을 클릭하시면 다운로드 됩니다.
피들러는 .net framework 를 기본 런타임으로 사용하기 때문에 설치가 되어 있어야 합니다.
.NET 4를 선택 후 기본 정보 입력 하시고 Download Fiddler를 클릭해서 다운로드를 진행합니다.
인터넷 브라우저에 add 인으로 추가 되기 때문에 도구메뉴를 보시면 피들러가 추가되어 있습니다.
브라우저에 도구메뉴가 안보이시면 Alt 키를 눌러주세요
피들러가 실행이 됩니다. 좌측 하단을 보시면 Capturing라고 나오는데 웹사이트에 접속을 하면 캡쳐가 진행중입니다. F12키를 이용해서 캡쳐와 중지를 할 수 있습니다.
사이트에 접속하면 많은 주소를 캡쳐링 하기 때문에 확인하려는 페이지의 로딩이 끝나면 F12키를 눌러 캡쳐를 중지해주세요
다음 사이트에 접속해보았습니다. 좌측 주소가 보이는 부분 host에 display.ad.daum.net 이 나오고 url 에 파라미터 정보가 아옵니다.
Result 를 보시면 200 이라고 나오는데 200 은 정상적으로 호출되어면 나오는 결과값입니다.
우측 Inspectors 탭에 WebFoms를 보면 Name과 Value가 있습니다.
포스트 방식으로 파라미터 전송시 입력된 값을 확인할 수 있습니다.
get 방식에서는 주소를 통해서 확인할 수 있지만 파라미터 항목이 많거나 post 방식일 때 QueryString을 통해서 쉽게 확인할수 있습니다.
하단에는 상세 정보를 확인할 수 있는 기능들이 있습니다.
하단 정보 중 쿠키 정보를 확인 할 수 있는데요 로그인한 쿠키 정보나 오늘 하루 보지 않음등의 정보를 확인할 수 있습니다.
좌측 주소 중 결과값이 200 이지만 빨강색으로 금지 아이콘이 표시되는것이 있는데요
주소 값은 있으나 호출하였을 때 응답요청을 계속 기다리거나 비정상 페이지 일 때 입니다
우측 Statistics 를 보시면 응답 시간을 확인할 수 있습니다
하단 정보의 TextView를 클릭하시면 페이지 정보가 xml 인경우 내용을 확인할 수 있습다.
요즘 많이 사용되는 Json 정보를 확인하고자 할 때 Json 탭 메뉴를 선택하시면 정보를 확인할 수 있습니다.
피들어를 사용해서 문제가 있는 페이지가 어떤 부분인지 확인하시고 post 방식의 데이터 전송시 파라미터 정보를 쉽게 확인할 수 있기 때문에 사이트 분석이나 개발 시 유용하게 사용될 수 있습니다.