💡 localhost 를 확인하는 것 뿐만 아니라 모바일 브라우저 위에서의 다른 페이지들의 동작을 확인할 수 있다.

개발환경

• 브라우저 : Chrome, MobileChorome, Samsung Browser, Safari, Mobil Safari
• 기기 : Macbook pro 13인치 2019년 형, iPad Pro 5세대 2021년 형, 갤럭시 노트 5
  • 사파리의 경우 iPhone으로도 사용이 가능한 것을 확인 하였으나, 본인 기기가 아니기에 제외하였음.

사전 설정

• Chrome의 경우 핸드폰, PC에 모두 Chrome이 설치되어 있어야 한다.
• USB를 통한 연결이 되어있어야 한다.
• webpack, http-server 등을 이용해 정적 파일을 localhost:3000, localhost:8080 등과 같이 localhost가 켜져있어야 한다.

GALAXY 환경 설정

1. '⚙️ 설정' > '휴대전화 정보' > '소프트웨어 정보' 접속
2. '빌드번호'를 7번 클릭 해, '개발자 모드 2단계' 실행
3. '⚙️ 설정' > '개발자 옵션' 접속
4. USB 디버깅 옵션 켜기

iOS, iPadOs 환경 설정

1. 설정 > 사파리 > 고급
2. '웹 속성' 옵션 켜기

크롬

1. chrome://inspect/#devices 에 접속한다.