pc에서 모바일 브라우저 디버깅

    

1. 스마트폰에 크롬 과 파이어폭스를 설치 

2. PC에 adb 설치

 - 안드로이드 SDK 다운로드(http://developer.android.com/sdk/index.html)

 - 파일을 다운받아 압축풀기

 - C:\adt-bundle-windows\sdk\platform-tools\adb.exe

 - 압축푼 adb.exe경로를 시스템변수 등록

 - 제어판 > 시스템 > 고급 시스템 설정 > 고급 > 환경변수 클릭

해당 adb.exe 경로 시스템변수에 추가

3 . 스마트폰 USB 디버깅 체크

- 메뉴 > 시스템설정 > 개발자 옵션 > USB디버깅  체크

4. 스마트폰 과 PC usb로 연결 및 adb 테스트

- 시작 -> 실행 -> cmd 

C:\>adb devices

연결된 디바이스 확인

-List of devices attached 라고 뜨면 연결된 디바이스가 없다는거다

-해당 스마트폰 제조사 usb드라이버 설치를 한후 다시 시도

5. 모바일 크롬 디버깅 

 - 스마트폰에서 크롬브라우저를 연다

C:\>adb forward tcp:5222 localabstract:chrome_devtools_remote

- PC 크롬 브라우저 에서 localhost:5222  연결을 하면 현재 모바일에 열려있는 웹페이지 디버깅이 가능하다.

6. 모바일 파이어폭스 디버깅

-파이어폭스 설정 참고

https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android

- 포트 포워딩 

C:\>adb forward tcp:6000 tcp:6000

- 연결

PC 파이어폭스 브라우저 메뉴 ->도구 -> 웹개발도구->연결

위와같이 연결을 하면 디바이스에 

원격 수신 접속 허가 할건지 알림창이 뜬다. 

확인 하면 현재 파이어폭스에 열린탭 리스트가 나온다.