낭만부부 trueIT정보

반응형

모바일 브라우저에서 데스크톱 모드로 봐야 할 경우가 있습니다. 아이폰, 안드로이드의 스마트폰에서 어떻게 데스크톱 모드로 볼 수 있을까요? 또는 PC의 브라우저에서 어떻게 모바일 모드로 화면을 변경할 수 있을까요? 알아보도록 하겠습니다. 

 

 

◾️ 목차

1. 아이폰 구글 크롬에서 데스크톱 모드로 보는 방법
2. 아이폰 사파리 : 데스크톱 모드 보는 방법
3. PC 크롬 브라우저에서 모바일 버전 보는 방법
4. 맥북(Mac) 사파리에서 모바일 버전 보는 방법

 

 

아이폰 구글 크롬 : 데스크톱 모드 보는 방법

아래는 아이폰의 크롬 브라우저 화면입니다. 데스트톱 버전으로 사용하려면 하단 3개점 아이콘을 탭 하고 [데스크톱 버전으로 보기]를 선택하면 됩니다. 다시 모바일 버전으로 돌아가려면 다시 [모바일 버전으로 보기]를 탭 하면 됩니다.

 

 

아이폰-크롬브라우저-데스크톱모드

 

 

 

 

아이폰 사파리 : 데스크톱 모드 보는 방법

아아폰의 사파리 브라우저에서는 URL 주소창 왼쪽에 [가가] 아이콘을 탭 하고 [데스크탑 웹 사이트 요청]을 선택하면 됩니다. 다시 모바일 버전으로 돌아가려면 [모바일 웹 사이트 요청]을 탭 하면 됩니다.

 

 

반응형

 

 

 

PC 크롬 브라우저에서 모바일 버전 보는 방법

 

데스크톱에서 개발자 도구를 실행합니다. 

1. 크롬 브라우저의 우측 상단에 [세로 3개점] 아이콘을 탭 합니다.

2. [도구 더보기]를 탭 합니다.

 

 

3. [개발자 도구]를 탭 합니다. 단축어는 option + command + i 또는 F12

PC-크롬브라우저-모바일버전

 

 

 

4. 우측 코드가 나오는 부분을 보면 상단 메뉴에 모바일(패드) 아이콘이 있습니다. 여기를 탭 합니다.

PC-크롬브라우저-모바일버전

 

 

 

5. 좌측에 모바일 모드로 웹페이지를 보여줍니다.

PC-크롬브라우저-모바일버전

 

 

 

 

맥북(Mac) 사파리에서 모바일 버전 보는 방법

 

1. 맥북의 사파리를 실행합니다. 그리고 상단 메뉴에 [Safari] - [환경설정]을 탭 합니다.

맥북(mac)-사파리-모바일버전

 

 

 

2. [고급] - [메뉴 막대에서 개발자용 메뉴 보기]를 선택합니다.

맥북(mac)-사파리-모바일버전

 

 

 

3. 상단에 개발자용 메뉴가 생기게 됩니다. [개발자용] - [사용자 에이전트]를 순서대로 탭 합니다. 여기에 보면 iOS 14.0 - iPhone를 선택하면 아이폰 버전으로 사파리 웹사이트를 보여줍니다. 사파리 브라우저를 가로 사이즈를 작게 줄여서 보면 아이폰에서 보이는 화면을 볼 수 있습니다.

맥북(mac)-사파리-모바일버전

 

 

 

4. 아래는 PC 사파리에서 모바일 모드로 본 화면입니다. 

맥북(mac)-사파리-모바일버전

 

 

 

공유하기

facebook twitter kakaoTalk kakaostory naver band