맥북에서 모바일 버전 웹브라우저 사용하는 방법

애플의 맥북에서 사파리 브라우저를 통해 웹사이트에 접속할 때와 아이폰, 아이패드의 사파리 브라우저로 똑같은 웹사이트를 방문해도 인터페이스는 조금씩 다르다. 일부 사이트는 모바일 친화적이라서 PC 버전이 어색하고 모바일 버전이 더 사용하기 편할 수 있다. 애플의 컴퓨터 OS인 macOS 운영체제가 탑재된 맥북, 아이맥, 맥 프로에서는 총 여러 옵션을 통해 웹사이트에 모바일 모드를 적용할 수 있다.

 

MacBook 에서 모바일 웹사이트 보는 방법

1. Safari 브라우저, 개발자용 도구 사용하기

맥에서 가장 많이 사용하는 웹브라우저는 macOS 내장 웹브라우저인 Safari 브라우저이다. 아이폰에서 사파리를 메인 브라우저로 사용한다면 방문기록, 비밀번호가 기록되어 있는 맥용 사파리에서 모바일 모드로 전환하는 것이 사용하기 편하다.

 

Step 1. 배경화면 하단 Dock에서 사파리 브라우저 실행

 

Step 2. 상단 메뉴 왼쪽 메뉴에서 Safari 버튼 클릭

Step 3. 설정... 버튼 선택 (단축키 Command ,)

 

Step 4. 환경설정 윈도우 열리면 오른쪽 고급 탭 선택

Step 5. 하단 메뉴 막대에서 개발자용 메뉴 보기 체크 버튼 클릭하여 활성화하기

 

Step 6. 모바일 모드로 전환하려는 사이트 접속

Step 7. 상단 메뉴 중 개발자용 선택

Step 8. 응답형 디자인 모드 시작 클릭

 

페이지가 모바일 화면을 전환되면 아이폰 SE, 아이폰 8, 아이패드 프로 등으로 변경할 수 있다. 모바일 모드를 종료하려면 사파리 앱 종료 후 재실행 하거나 메뉴 개발자용에서 응답형 디자인 모드 종료를 선택하면 기존 PC 버전으로 바뀐다.

 

2. 구글 크롬 브라우저에서 모바일 모드 사용 방법

애플 맥북에서는 순정 브라우저인 사파리 브라우저가 속도가 빠르며 배터리 소모량도 서드파티 웹 브라우저 대비 적은 편이지만 Windows PC, 안드로이드 스마트폰도 사용한다면 호환성 측면에서 맥에서도 크롬을 사용하는 유저들이 많다. 크롬에서는 개발자 옵션을 통해 모바일 인터페이스를 적용할 수 있다.

 

Step 1. 구글 크롬 브라우저 열기

Step 2. 모바일 모드로 보려는 사이트 접속

Step 3. 브라우저 우측 메뉴 영역에서 더보기 버튼 클릭

Step 4. 도구 더보기 > 개발자도구 선택 (또는 키보드에서 F12 누르기)

 

Step 5. 이미지에 숫자 표시된 버튼 클릭하여 모바일 모드 변경

Step 6. Dimensions 버튼 클릭하여 아이폰, 픽셀, 삼성 갤럭시, 갤럭시 폴드, 서피스 프로 등 적용하기

 

3. 모바일용 크롬 설치하여 사용하기 (M 시리즈 맥 전용)

애플의 Apple Silicon 중에서 맥북, 아이맥 등 PC용 맥들은 M 시리즈 AP가 사용된다. M1, M2 등 M시리즈 반도체 칩이 탑재된 맥북과 아이맥은 ARM 기반에 iOS, iPadOS 별도의 에뮬레이터 없이 맥의 앱스토어에서 아이폰과 아이패드 앱스토어 배포된 앱을 다운로드 받아 사용할 수 있다. 다만 앱 개발자가 맥에서 설치하는 것을 허용하지 않았다면 별도의 소프트웨어를 통해 설치해야 한다. 아래 포스팅을 참고하여 모바일용 크롬 버전을 설치하면 PC 환경이지만 모바일 인터페이스의 웹사이트를 사용할 수 있다.

 

M1 맥북에서 아이폰 어플 설치하는 방법

 

왼쪽 PC 버전 크롬, 오른쪽 모바일 크롬. 크롬 브라우저의 앱 아이콘은 크롬의 심볼의 크기로 구분할 수 있다. 하얀 배경이 차지하는 크다면 모바일 크롬이고 마우스 커서를 올려 놓으면 PC는 Google Chrome, 모바일 크롬은 Chrome 으로 나타난다.

 

별도의 프로그램을 설치해서까지 크롬을 쓰고 싶진 않다면 앱스토어에서 돌핀 브라우저, 얀덱스 브라우저 등 기타 브라우저를 설치하여 사용할 수도 있다. 앱을 검색하고 검색 결과 영역에서 "iPhone 및 iPad용 앱"을 클릭하면 아이폰 앱스토어, 아이패드 앱스토어에서 배포 중인 모바일 웹 브라우저가 노출된다.