아이폰-맥북 usb연결을 통해 크롬 console.log 확인하기

최근 회사에서 웹사이트는 잘 되는데 아이폰에서만 기능이 제대로 동작하지 않는 현상이 발생해 고치기가 어려웠다

 

여러 가지 방법을 찾다가 결국 정확히 찾아내기 위해 아이폰-맥북 usb연동을 통해 아이폰 console.log를 볼 수 있는 인스펙터를 활요해 원인을 파악했다

 

먼저 연동을 하려면 아이폰, 맥 둘 다 설정이 필요하다

 

아이폰

설정 > 앱 > Safari > 고급 > 웹 인스펙터 켜기

(크롬을 확인하기 위해서도 사파리를 켜야한다. 이전에 크롬만 켜서 안잡혔는데 이것때문에 좀 고생했다)

맥북

사파리 켜기 > 상단 Safari > 설정 > 고급 > "웹 개발자를 위한 기능 보기" 켜기

이후 사파리 상단에 개발자용 켜져있으면 연결된 아이폰확인하고 아이폰에서 크롬을 키면 해당 url이 나올것이다.

그 url을 누르면 개발자 도구가 켜진다

 

이렇게 하면 연동 성공

 

이제 아이폰으로 웹사이트를 이동하거나 눌러가면서 로그를 확인하면 맥북으로 보인다