• 안드로이드 기기는 USB 디버그 연결 활성화하면 왠만하면 윈도우 크롬의 Remtoe device 에 잘 뜸
• (기본적으로) iOS 사파리의 경우 디버깅 옵션 활성화하면 MacOS 사파리의 개발자 도구에서 디버깅 가능함 (윈도우는 안됨)
  • 그런데 Safari 의 개발자 도구는... 쫌 많이 불편함
  • Performance 도 안되고.. 크롬의 DevTools 와 비교하면 흠좀무
• 그래서 iOS 사파리도 크롬 DevTools 에서 디버깅 하자

1. scoop & ios-webkit-debug-proxy 설치하기

• https://github.com/google/ios-webkit-debug-proxy
• scoop는 맥의 brew / 레드햇 계열의 apt 와 비슷한 패키지 관리자
• 우리가 필요한건 ios-webkit-debug-proxy 가 필요하지만..
• 뒤에서 사용할 remotedebug-ios-webkit-adapter 이녀석이 ios-webkit-debug-proxy 의 경로를 scoop 경로로 하드코딩 되어있어서 울며 겨자먹기로 씀
  • 근데 써보니 은근 편리하네 ㅋㅋ

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

2. iTunes 설치

• 우리가 필요한건 iTunes 가 아님 ...
• iTunes 안에 있는 Apple 드라이버를 사용하기 위해 울며 겨자먹기로 설치함...
  • 나중에 iTunes만 지우면 됨

3. remotedebug-ios-webkit-adapter 설치하기

• https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter
• 이녀석은 타입스크립트 기반으로 만들어져 있는데..
• 여튼 node.js를 사용함 - plus-api 개발하면서 node.js를 깔았으니 다행

$ npm install remotedebug-ios-webkit-adapter -g

4. 디버깅 하기

4-1. remotedebug-ios-webkit-adapter 실행

• 실행하면 내부적으로 ios-webkit-debug-proxy 를 실행해줌