피들러 신명대

9
Fiddler 신신신

description

피들러 디버깅 툴 사용법

Transcript of 피들러 신명대

Page 1: 피들러 신명대

Fiddler

신명대

Page 2: 피들러 신명대

■ Fiddler 소개

제가 소개할 것은 Fiddler 웹 디버깅 툴 입니다 .

요즘은 각 브라우저에 디버깅 기능이 내장되어 있어서 유용하게 사용하고 있습니다 .

Fiddler 는 설치형 입니다 . 하지만 용량이 적으며 , 브라우저에 상관없이 디버깅이 가능한 툴입니다 .

제가 Fiddler 를 사용하는 이유는 Ajax 통신시 디버깅 하기에 가장 수월하기 때문입니다 . 그리고 세션 리스트들과 각 세션에 대한 요청 , 응답 정보들을 쉽게 체크할 수 있습니다 .

Page 3: 피들러 신명대

■ Fiddler UI 소개

Session List네트워크 통신 중인 세션 리스트를 출력해 줍니다 .검색 , 필터링이 가능하며 각 세션 리스트를 클릭하면 상세정보를 볼 수 있습니다 .

InspectorsAjax 관련 기능을 디버깅 할 때 제일 많이 사용하는 기능입니다 .해당 세션의 request 의 다양한 정보와 response 의 정보 그리고 response의 내용도 볼 수 있습니다 .

Page 4: 피들러 신명대

■ Fiddler 기본 구조

클라이언트 서버Fid-dler

Page 5: 피들러 신명대

■ Fiddler 세션리스트 소개

Result : Session 의 고유아이디

Protocol : Session 을 주고 받는 방식

Host : 값이 출발하는 장소

URL : 주소입니다 .

Body : 전송량

Content-Type : 컨텐츠의 종류를 나타냄 예 ) 문서 , 웹페이지 , 프로그램… .

Process : Session 을 이용하고있는 프로그램과 프로그램아이디 (PID) 를 표시

Page 6: 피들러 신명대

■ Fiddler 세션리스트 검색

검색 ( 컨드롤 + f ) 검색하고자 하는 키워드를 검색하면 검색결과 리스트이 구분되어서 보입니다 .

Page 7: 피들러 신명대

■ Fiddler 세션리스트 정보 보기 (JSON)

Request

Response

Page 8: 피들러 신명대

■ Fiddler 세션리스트 정보 보기 (TextView)

Request

Response

Page 9: 피들러 신명대

■ Fiddler 웹사이트

http://www.telerik.com/download/fiddler