Safari(Mac - Iphone) 개발자 도구 사용하기

Web개발을 하는 부분에 있어 개발자 도구가 많은 도움이 되었다. Mac과 아이폰을 통해 실제 모바일에서 받은 결과값을 Mac에서 볼 수 있는 유용한 기능을 알게 되어 공유하기 위해 글을 적는다.

준비물

(맥북, 아이맥), (아이폰, 아이패드) -> 사파리가 설치된 기기.

Step 1

• PC(Mac) - Mobile(아이폰)과 Usb 연결하기.

Step 2

아이폰 Safari 설정하기

설정 - Safari로 들어가기

Safari 설정에서 가장 아래에 있는 고급으로 들어가기

Javascript와 웹 속성 활성화 시키기

Step 3

Mac Safari 설정하기

Safari 시작하고 환경설정 [command(⌘) + ,] - 개발자용 메뉴 보기

Step 4

실제로 테스트 해보기

아이폰 Safari로 접속하기

• Example Site : https://nesoy.github.io

  Mac Safari 개발자 도구로 확인하기

  

  실제 결과 값