모바일 핸드폰에 보이는 웹페이지의 console.log 를 볼 수 있는 방법은?

그냥해요·2023년 11월 14일
0

이제 알았네. 참.

다음은 chatgpt 의 답변임. 안드로이드에서 내가 방금 해봤고, 잘 작동함.

모바일 핸드폰에서 보이는 웹페이지의 console.log 메시지를 보는 방법은 여러 가지가 있습니다. 가장 일반적인 방법은 데스크탑 브라우저의 개발자 도구를 사용하여 모바일 장치를 디버깅하는 것입니다. 여기에 몇 가지 일반적인 방법을 소개하겠습니다.

1. 크롬의 원격 디버깅 (안드로이드)
크롬 브라우저를 사용하는 경우, Android 장치에서 웹페이지를 열고 크롬 개발자 도구를 통해 디버깅할 수 있습니다.

안드로이드 장치를 USB로 컴퓨터에 연결합니다.
안드로이드에서 USB 디버깅을 활성화합니다. (개발자 옵션에서 활성화)

컴퓨터에서 크롬을 열고 chrome://inspect/#devices로 이동합니다.

연결된 장치가 나타나며, 해당 장치에서 열린 탭 목록을 볼 수 있습니다.
디버깅하고자 하는 탭 옆에 있는 "inspect" 링크를 클릭합니다.
새 창에서 개발자 도구가 열리며, 여기서 console 탭을 통해 console.log 출력을 볼 수 있습니다.

2. 사파리의 원격 디버깅 (iOS)
iOS 장치를 사용하는 경우, 사파리 브라우저를 사용하여 유사한 방법으로 디버깅할 수 있습니다.

iOS 장치를 USB로 Mac에 연결합니다.
iOS 장치에서 Safari 설정에서 '고급' 섹션으로 이동하여 '웹 검사기'를 활성화합니다.
Mac에서 사파리를 열고 '개발' 메뉴를 활성화합니다. (사파리 > 환경설정 > 고급)
'개발' 메뉴에서 연결된 iOS 장치를 선택하고 디버깅하려는 탭을 선택합니다.
이렇게 하면 웹 검사기가 열리며, 여기서 console 탭을 통해 로그를 볼 수 있습니다.

3. 타사 도구 사용
타사 도구를 사용하는 것도 하나의 방법입니다. 예를 들어, weinre (WEb INspector REmote)와 같은 도구는 원격으로 웹페이지를 디버깅할 수 있는 기능을 제공합니다. 이러한 도구는 웹페이지에 스크립트를 추가하여, 해당 페이지의 console.log를 원격으로 볼 수 있게 해줍니다.

4. 모바일 브라우저의 개발자 옵션
일부 모바일 브라우저는 내장된 개발자 도구를 제공합니다. 예를 들어, Firefox 모바일은 about:debugging 페이지를 통해 일부 디버깅 기능을 제공합니다.

각 방법은 사용 중인 모바일 장치와 데스크탑 운영 체제에 따라 다를 수 있으므로, 사용하는 환경에 맞게 적절한 방법을 선택하시기 바랍니다.

profile
개발을 하고 있습니다.

0개의 댓글