Fiddler로 모바일 웹 디버깅하기

Fiddler는 왜 쓸까? 

Fiddler는 컴퓨터와 웹 서버 또는 서버 사이의 HTTP 및 HTTP 트래픽을 기록, 검사, 변경하는 데 사용되는 도구입니다.

Fiddler는 HTTP와 HTTPS Traffic을 캡처하여 사용자가 확인할 수 있도록 로깅합니다.

 

 

1. Fiddler 다운로드하기 

일단 먼저 Fiddler를 다운로드 받습니다. 자신의 운영체제(OS)에 맞게 다운로드하면 됩니다. 

http://www.telerik.com/fiddler

Fiddler | Web Debugging Proxy and Troubleshooting Solutions

 

2. Fiddler 설정하기 

1) Fiddler를 실행한 후 상단의 Tools -> Options..를 클릭한다

2)  onport에 8888을 입력하고, Allow remote computers to connect를 체크

3. 모바일 설정하기 (IOS, 안드로이드 다 동일)

모바일을 설정해주기 전에 꼭 PC와 모바일 기기를 동일한 Wifi에 연결해야합니다!

 

1)  윈도우키 -> 'cmd'입력 후 '명령 프롬프트' 실행 -> ipconfig 입력 

 

2) 모바일 기기에서 PC와 동일하게 연결한 Wife의 설정을 들어간다 

3) 밑으로 내려 프록시 구성을 들어간다 

 

4) 서버 란에는 위에서 검색한 IP 주소를, 포트에는 8888을 입력한다.

 

모바일기기에서 네이버나 들어가고 싶은 사이트의 URL을 한번 들어가보면 Fiddler 창에 패킷들이 뜨는 걸 확인할 수 있습니다. 위에 과정을 다 했는데도 Fiddler 창에 아무것도 나오지 않는다면 Fiddler를 한번 껐다가 켜보세요!