fiddler proxy 설정으로 모바일웹 디버깅 하기
모바일의 특성상 디버그하기기 좀 까다로운 부분이 있다.
그래서 fiddler 툴을 활용하여 proxy 셋팅 후 활용하는 방법을 소개한다.
(모바일 디바이스 기기하고 로컬 pc하고 같은 네트워크 Wifi 안에 물려있어야 있어야 한다)
안드로이드 폰은 무선랜을 연결할 때 proxy를 설정할 수가 있다.
이 기능을 이용해 정상적인 url로 호출되고 있는지 등을 확인이 가능하다.
설정 방법
1.안드로이드 폰 계열 무선랜 설정(갤럭시 노트 디바이스로 테스트를 진행했다.)
무선랜을 연결할 때 proxy 설정을 해준다. (피들러에서 설정한 port 번호, fiddler가 설치된 PC의 IP)
사용자 로컬 PC IP 확인하는 방법
Windows: 콘솔창에 ipconfig 명령어 입력해서 확인.
Max OSX: 터미널에 ifconfig 명령어 입력해서 확인.
2.피들러 설정
피들러 옵션은 Allow remote computer to connect 설정을 체크(활성화)하고 Fiddler listens on port만 확인하면 된다.
3.확인하고 싶은 부분을 호출한다.
4.피들러에서 캡쳐되는 정보를 확인한다.(PC 웹에서 확인하는 것과 동일하게 정보를 확인한다)