윈도우에서 iOS 사파리 디버깅 해보기

안녕하세요 aloveu입니다.

 

오늘은 윈도우에서 아이폰 디버깅하는 방법을 찾아보고 직접 연결해 본 내용을 기록차 남겨둡니다.

 

아이폰 설정 Web Inspect 활성화

설정 > Safari > 고급 > 웹속성 활성

 

iTunes 설치하기

https://apple.co/ms

iTunes - Windows에서 무료 다운로드 및 설치 | Microsoft Store

 

 

 

iTunes 동기화

1. 아이폰을 PC와 연결 (드라이버 자동 설치됨)
2. iTunes 실행
3. 동기화

 

Node.js가 설치 되어있지 않다면 Node 설치

https://nodejs.org/ko/

Node.js — 어디서든 JavaScript를 실행하세요

 

 

PowerShell 관리자 권한으로 실행하기

Scoop 설치

Set-ExecutionPolicy RemoteSigned -scope CurrentUser

Y 누르고 진행

iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

 

 

ios-webkit-debug-proxy 설치

scoop install git scoop bucket add extras scoop install ios-webkit-debug-proxy

 

 

remotedebug-ios-webkit-adapter 설치

npm install remotedebug-ios-webkit-adapter -g

 

remotedebug-ios-webkit-adapter 실행

remotedebug_ios_webkit_adapter --port=9000

방화벽 허용

 

크롬에서 Inspect 들어가기

chrome://inspect/#devices 로 접속해서 Configure에 9000번 포트 추가하고 Done.

 

 

 

아이폰에서 사파리를 켜면 Remote target에 페이지 목록이 뜹니다.

안뜨면 다시 PC랑 연결

하고 기다리면 뜸