Chrome 디버깅

스마트 폰에선 디버깅을 어떻게하지?

로컬에서 작업하고 오류가 나면 크롬 개발자 도구를 사용하면 되는데 폰으로 돌렸을 때 어떻게 확인해야하는걸까? 혹시나 하고 구글에 스마트폰 크롬 디버깅이라고 검색을 했다. (하늘아래 새로운건 없다.)

스마트폰 디버깅 모드켜기

• 개발자 모드 켜기
• USB 디버깅 켜기
• 컴퓨터와 USB 연결 > 휴대전화 데이터에 접근 허용
• 스마트폰으로 크롬앱 실행
• PC 크롬에서 chrome://inspect 접속
• 탭 정보에서 inspect 선택 > 개발자 모드 활성화

개발자 모드 켜기

스마트폰 설정 > 휴대전화 정보 > 소프트웨어 정보에서 빌드번호를 연속적으로 터치한다. 그러면 개발 설정완료 4단계, 3단계, 2단계, 1단계 전입니다. 메시지가 뜨고 계속 누르면 개발자 모드가 켜진다. 이후 스마트폰 설정으로 돌아가면 개발자모드 메뉴를 확인 할 수 있다.

USB 디버깅

스마트폰 설정 > 개발자 옵션으로 들어가서 화면을 내리다 보면 디버깅 설정 부분이 보인다. 여기서 USB 디버깅을 켠다. 그리고 컴퓨터와 스마트폰을 연결하고 휴대전화 데이터에 접근 허용 메세지가 뜨면 허용 선택한다.

inspect

PC와 스마트폰(Chrome App 실행 후)이 연결되면 PC 크롬을 켜고 주소창에 chrome://inspect 을 입력한다. 해당 페이지가 뜨고 스마트폰 모델명, 크롬앱 버전, 그리고 실행시킨 크롬의 탭 정보(Url)가 뜨면 성공이다. inspect 를 누르면 개발자 도구가 활성화 되고 로그를 확인할 수 있다.