FEDev Story

Android / IOS 데스크탑에서 모바일기기 디버깅하기 본문

Web.Dev

Android / IOS 데스크탑에서 모바일기기 디버깅하기

지구별72 2020. 3. 17. 15:23

Android

 

기기에서 설정-개발자도구에서 USB 디버깅을 활성화 시킨다.

 

 

크롬에서 chrome://inspect/#devices로 접속한다.

 

위의 캡쳐처럼 기기정보가 뜨지 않을 경우엔 

adb가 설치된 폴더에서 서버를 실행시켜준다.

inspect 버튼을 누르면

 

 

Android 디바이스에 켜둔 브라우저나 앱을 inspect할 수 있다.

 

 

 

IOS

설정-Safari-고급에서 웹속성 활성화 시키기

 

 

Mac의 Safari에서 환경설정-고급-메뉴 막대에서 개발자용 메뉴 보기 활성화 시키기

 

 

개발자용-기기이름-inspect하고 싶은 페이지나 앱을 클릭

 

 

 

 

 

IOS 디바이스에 켜둔 브라우저나 앱을 inspect할 수 있다.



출처: https://gguldh.tistory.com/40 [gguldiary]

'Web.Dev' 카테고리의 다른 글

스크롤 체이닝 현상 막는 법  (0) 2021.08.26
페이지내 hash 이동하기  (0) 2020.03.25
input readonly focus 제거  (0) 2020.01.22
javascript:void(0)과 #중에 어떤것을 사용할까  (0) 2019.12.05
[Html] img 태그 속성 onError  (0) 2019.07.05
Comments