Chrome을 사용하여 휴대전화에서 로컬 웹 코드 디버깅

원본 번역 콘텐츠:

호스트는 컴퓨터 네트워크 서버에서 사이트를 개발한 후 Android 기기에서 콘텐츠에 액세스합니다.

USB 케이블과 Chrome DevTools를 사용하면 개발용 컴퓨터에서 웹사이트를 실행한 다음 Android 기기에서 웹사이트를 볼 수 있습니다.

TL;DR

포트 전달을 사용하면 Android 기기의 개발 컴퓨터에서 웹 서버 콘텐츠를 볼 수 있습니다.

웹 서버가 맞춤 도메인을 사용하는 경우 맞춤 도메인 매핑 도메인을 사용하여 콘텐츠에 액세스하도록 Android 기기를 설정할 수 있습니다.

포트 전달 설정

포트 전달을 사용하면 Android 기기가 개발 컴퓨터의 웹 서버에 있는 콘텐츠에 액세스할 수 있습니다. 포트 전달은 Android 장치의 TCP 포트를 개발 시스템의 수신 대기 TCP 포트에 매핑하여 작동합니다. 포트 간의 통신은 Android 장치와 개발 컴퓨터 간의 USB 연결을 통해 이동하므로 연결은 네트워크 구성에 따라 달라지지 않습니다.

포트 전달을 활성화하려면

개발용 컴퓨터와 Android 기기 간에 원격 디버깅을 설정하세요. 완료되면 Android 장치 검사 장치 대화 상자와 왼쪽 메뉴에 연결 상태 표시기가 나타납니다.

DevTools의 Inspect Devices 대화 상자에서 포트 전달을 활성화합니다.

규칙을 추가하려면 클릭하세요.