원격 디버깅(원격 웹 디버깅)

https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-ios-devices-with-macos-ca9


//-------------------------------------
Mac과 iOS 기기 USB로 연결

//-------------------------------------
<MacOS, 맥북>
Xcode 설치
     - iOS Simulator 설치

Safari 설정 -> 고급 -> 웹 개발자를 위한 기능 보기(Develop) : 체크


//-------------------------------------
<iOS, 아이폰, 아이패드>
Chrome -> 설정 -> Web Inspector : 켜기

설정 -> Safari -> 고급 -> Web Inspector : 켜기
     - iOS Simulator인 경우는 위 메뉴가 없지만 디버깅 동작함

웹페이지 이동


//-------------------------------------
<MacOS>
Safari -> 개발자용 -> iOS 시뮬레이터 -> Safari 웹페이지 주소 - 선택 -> 웹 디버깅 창(개발자 도구) 생김



//-----------------------------------------------------------------------------

< Simulator 사용시 방법 >
    MacOS에서 ios simulator에서 실행중인 safari의 web site 디버깅 하는 방법

//-------------------------------------
Mac
Xcode 설치
     - iOS Simulator 설치

Safari 설정 -> 고급 -> 웹 개발자를 위한 기능 보기(Develop) : 체크


//-------------------------------------
iOS
설정 -> Safari -> 고급 -> Web Inspector : 켜기
    - iOS Simulator인 경우는 위 메뉴가 없지만 디버깅 동작함

웹페이지 이동


//-------------------------------------
Mac
Safari -> 개발자용 -> iOS 시뮬레이터 -> Safari 웹페이지 주소 - 선택 -> 웹 디버깅 창(개발자 도구) 생김


반응형
Posted by codens