모바일 웹에서 기능을 수정하여 내용이 정상적으로 적용되었는지 확인할 때 사용하게 되는
모바일 웹 디버깅 방법에 대해서 설명 드리겠습니다.
1. Fiddler 다운
- 정말 간단하게 http 패킷 디버거 툴입니다. 자세한 내용 및 다운로드는 아래 URL에서 확인 부탁드립니다.
http://www.telerik.com/fiddler
Fiddler | Web Debugging Proxy and Troubleshooting Solutions
Explore the Fiddler family of web debugging proxy tools and troubleshooting solutions. Easily debug, mock, capture, and modify web and network traffic.
www.telerik.com
2. 피들러 설정
- 피들러 실행 > Tools > Options... > Connections
- Fiddler listens on port : 8888
- Allow remote computers to connect 선택
3. 모바일 설정 ( 안드로이드 동일 )
- PC와 모바일 둘 다 같은 Wi-Fi를 연결을 하고, 모바일 Wi-Fi - HTTP 프록시 설정
- 프록시 구성 > 서버에는 PC의 IPv4 주소를 적어주고 > 포트에는 피들러에 설정한 포트 번호 입력
모든 설정을 완료 후 모바일에서 네이버를 접속하였을 때, 피들러에 패킷들이 찍히는걸 확인하실 수 있습니다.
일반적으로 피들러는 웹에서 디버깅을 많이 사용하는데, 앱에서도 가능하다는 점을 알아두면 좋을거 같습니다.
'Tools' 카테고리의 다른 글
| [ERwin] Reverse Engineering 을 통한 빠른 ERD 산출물 만들기! (0) | 2022.01.06 |
|---|---|
| [ERwin] ERD Tool ERwin 한글깨짐문제 (0) | 2021.11.17 |
| [Chrome] 개발자 도구 전체검색 하는 방법 (1) | 2021.09.08 |
| [PMD] 시큐어 코딩을 위한 PMD-eclipse-plugin 사용 방법. (0) | 2021.07.28 |
| [Notepad++] 노트패드 열 편집 단축키 및 유용한 설정(폰트, 줄 간격 등) (3) | 2021.07.01 |