안드로이드 기기에서 실행중인 크롬, PC 크롬으로 디버깅하기

1. 기기의 개발자 옵션에서 USB debugging 활성화

2. 기기에서 크롬 켜기

3. PC 크롬에서 주소창에 chrome://inspect/#devices 입력후 접속

4. Devices 탭에서 'Discover USB devices' 체크

5. 디버깅할 도메인을 'Open tab with url'에 입력 후 'Open' 클릭

 

 

여기까지는 기본 적인 내용이고, 로컬에서 개발중인 사이트를 디버깅 하기 위해서는 몇 가지 작업이 더 필요하다.

1. 포트 포워딩

  'Port forwarding...' 버튼을 누르면 아래와 같은 창이 나타난다.

  abc.com:1234 로 접속했을 때 abc.com:5678 로 연결을 원한다면, Port: 1234, IP address and port: abc.com:5678 를 입력하고

  창 하단의 'Enable port forwading' 에 체크한 후 'Done'을 누르면 된다.

2. hosts 수정

  사이트 특성상 localhost 대신 다른 도메인으로 개발중이라면 기기에서도 마찬가지로 hosts 수정이 필요하다.

  hosts 수정은 hosts go와 같은 서비스의 도움을 받자.