웹 개발자 도구HTTP REQUEST/RESPONSE DEBUGGING

HTTP REQUEST/RESPONSE DEBUGGING

• Form submit 또는 Ajax request 등의 디버깅 용도

• 웹 페이지 성능 측정을 위해서도 활용

CHROME 개발자 도구

• Chrom 브라우져 기본 도구

• ‘F12’ 또는 ‘Ctrl+Shift+I’ 로 실행

• Network 탭에서 REQUEST/RESPONSE DEBUGGING

CHROME 개발자 도구Request

URLRequest Method

Response Time

Response Status

Waterfall Chart

CHROME 개발자 도구Request Header

Request Parameters

Response Header

Response Body

FIDDLER

• 구 IE (< 11) 에서 Network Monitoring 위해 사용

• http://www.telerik.com/fiddler 에서 다운로드하여 설치

• 프리웨어 프로그램

FIDDLER

Request Data

Requests

Response Data

IE 개발자 도구

• IE 11 부터 개발자 도구에 네트워크 항목 존재

• ‘F12’ 로 실행