[ios] 맥 없어도 윈도우에서 아이폰 개발자도구로 확인하기

inspect.dev라는 프로그램을 깔면 좀 더 편한거 같은데 무료버전은 15분 제한이 걸려있음. 그래서 이것저것 찾다가 성공한 것 기록해둠. 참고한 글 https://sujakjil.tistory.com/145

 

1. node.js 깔기

이 글을 들어왔다면 이정도는 깔려 있을듯.

 

2. cmd 관리자모드 실행

윈도우+x

또는

시작메뉴-오른쪽 마우스-실행-cmd

 

3. 한줄씩 입력

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

하지만 2번째 줄인 scoop이라는걸 설치하는 과정에서 에러가 났음. 안났다면 4번으로 이동하면 됨.

나같은 경우 시뻘건 글자로 관리자 모드에서는 설치할 수 없다는 멘트가 떴고 https://github.com/ScoopInstaller/Install#for-admin 이 링크를 알려주길래 가봄

 

3-1. 해당 git에서 파일 다운로드

일단 다운받고 압축을 풀면 폴더가 뜬다. 일단 그 상태에서 다시 cmd창에 경로를 바꿔줌.

cd 그폴더경로

그리고 아래와 같이 실행함

irm get.scoop.sh -outfile 'install.ps1'
.\install.ps1 -RunAsAdmin [-OtherParameters ...]
iex "& {$(irm get.scoop.sh)} -RunAsAdmin"

 

근데 난 2번째 줄이 안되서 3번째 줄을 입력했더니 그제서야 되었음.

 

4. 쭉쭉 진행

scoop bucket add extras
scoop install git
scoop install ios-webkit-debug-proxy
npm install -g vs-libimobile
npm install remotedebug-ios-webkit-adapter -g
remotedebug_ios_webkit_adapter --port=9000

여기는 잘만 설치되었다. 인생이 이렇게 쭉쭉 풀렸으면 좋겠다.

중간에 엑세스 허용창 나오면 허용 클릭

 

5. chrome://inspect/#devices 접속

Discover network targets의 configure버튼 눌러서 포트 9000을 추가해줌.

난 이미 추가해서 저기 있음.

 

6. 아이폰과 폰 연결

기다리면 뜰것이다. 이제 inspect를 눌러서 화면을 감상하면 된다.

참고로 상관은 없을 것 같은데 안된다면 아이폰 설정-사파리-고급-웹 속성을 on해보자.

 

최초 실행은 끝났고 나중에는 cmd창 열어서

remotedebug_ios_webkit_adapter --port=9000

해주고 아이폰이랑 연결해서 크롬 인스펙트 사이트 들어가서 기다리면 된다.

 

 

다 좋은데 왜 console창에 로그가 안뜨지.. 난 로그가 필요한디요..

암튼 그래도 아이폰은 사파리에서 css 이상하게 나오는 경우가 종종 있어서 로그까진 아니더라도 개발자 도구로 찍어볼 수 있다는 사실에 감사해야할둣.