Android용 Chrome에서 웹 콘솔 로그를 얻는 방법

Chrome에는 웹사이트 디버깅에 매우 유용한 웹 콘솔이 있습니다. 데스크톱에서 액세스하는 것은 정말 쉽지만 Android 버전의 Chrome에는 없는 것 같습니다. 사실 모바일 웹 브라우저에서 웹사이트를 디버깅하는 것은 많은 브라우저에서 디버깅을 위한 웹 콘솔이 내장되어 있지 않기 때문에 복잡해집니다. 하지만 Android 기기에서 Chrome을 사용하는 경우 모든 웹사이트에 대한 콘솔 로그를 얻을 수 있습니다. 유일한 문제는 데스크톱을 사용해야 한다는 것입니다. 모든 것이 여기에 있습니다. Windows, Linux 또는 macOS이지만 데스크톱에 Chrome 브라우저가 설치되어 있어야 합니다.

안드로이드 폰에서

Android 휴대전화에서는 세 가지 작업을 수행해야 합니다.

크롬을 설치합니다.
개발자 옵션을 활성화합니다. 설정 앱으로 이동하여 시스템을 찾은 다음 빌드 번호를 7번 탭하면 됩니다.
USB 디버깅을 활성화합니다. 개발자 옵션으로 이동하여 거기에서 USB 디버깅을 활성화하십시오.

위의 모든 작업을 완료했으면 휴대전화에서 Chrome을 열고 데이터 케이블을 통해 휴대전화를 컴퓨터에 연결합니다. 메시지가 표시되면 휴대전화에서 USB 디버깅을 허용합니다. 디버깅하려는 웹사이트로 이동합니다.

데스크탑에서

데스크톱에서 Chrome을 엽니다. URL 표시줄에 다음을 붙여넣고 Enter를 누릅니다.

chrome://inspect/#기기

Android 휴대전화가 여기에 표시됩니다. 웹 콘솔을 보려는 탭에서 검사 옵션을 클릭합니다.

새 창이 열립니다. 이 창의 왼쪽 패널을 통해 Android 휴대폰의 Chrome 브라우저와 상호 작용하거나 컴퓨터에서 연결을 해제하지 않는 한 기기에서 상호 작용할 수 있습니다.

오른쪽 하단에 콘솔이 표시됩니다. 상호 작용을 마치고 콘솔 로그를 저장할 준비가 되면 콘솔 내부를 마우스 오른쪽 버튼으로 클릭하고 저장 옵션을 선택합니다. 로그 파일은 LOG 파일로 저장되지만 원하는 텍스트 편집기를 사용하여 볼 수 있습니다.

이것은 Chrome 브라우저 간에만 작동하며 Chromium 기반 브라우저 간에는 작동하지 않습니다 . Chromium 기반 브라우저에는 기기용 내부 페이지가 있을 수 있지만 Android 휴대전화에서 Chrome을 감지하거나 Android 휴대전화에서 다른 브라우저를 감지할 가능성은 다소 희박합니다. 특정 Chromium 기반 브라우저에서 웹사이트를 테스트해야 하는 경우 이 트릭을 시도하고 운이 좋은지 확인할 수 있지만 대부분의 경우 Chrome 기능입니다.