본문 바로가기
IT서비스 이야기

크롬 브라우저로 PC에서 모바일 화면을 보는 방법

by 주부너구리 2022. 9. 21.
반응형

가끔 PC로 모바일 화면을 확인하고 싶을 때가 있습니다. 이럴 때 매번 폰으로 확인하는 게 귀찮을 때가 있는데요. 크롬 확장 프로그램의 'User-Agent Switcher'를 이용하시면, 간단하게 PC에서도 모바일 화면을 확인할 수 있습니다. 

크롬 브라우저로 모바일 화면을 보는 방법
크롬 브라우저로 모바일 화면을 보는 방법

어떤 웹사이트를 방문했을 때, PC와 스마트폰에서 보여지는 화면 구성이 다른 경우들이 있습니다. 웹사이트는 접속하는 단말기의 'User Agent'라는 정보를 읽고, 이 정보가 PC면 PC, 모바일이면 모바일에 맞는 웹사이트를 보여주게 되는데요.

'User-Agent Switcher for Chrome'라는 크름 브라우저의 확장 프로그램을 설치하면, 간단히 원하는 환경으로 웹사이트를 확인할 수 있습니다. 아래에 간단한 사용법을 안내해 드리도록 하겠습니다. 

 

 

1. 확장 프로그램 설치하기


1) 크롬 웹 스토어 접속

우선 크롬 웹 스토어에 접속합니다. 크롬 웹 스토어는 아래 URL로 접속하셔도 되고, 구글에서 '크롬 웹 스토어'를 검색하셔도 쉽게 사이트를 찾을 수 있습니다. 

 

Chrome 웹 스토어

Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요.

chrome.google.com

 

2) 'User Agent' 검색하고 확장 프로그램 찾기

왼쪽 상단에 있는 검색 창에 'user agent'를 입력하고, 자동 추천되는 검색어 중 'user agent switcher'를 선택하고 검색합니다. 

Chrome 웹 스토어 접속 후 user agent 검색
Chrome 웹 스토어 접속 후 user agent 검색

 

3) 검색결과에서 'User-Agent Switcher for Chrome'를 선택하고 설치

'User Agent Switcher'를 검색했다면 첫번째 검색결과로 'User-Agent Switcher for Chrome'이 나오는 걸 확인할 수 있습니다. 해당 항목을 선택하고, 'Chrome에 추가'버튼을 눌러줍니다. 

'User-Agent Switcher for Chrome' 선택 후 설치하기
'User-Agent Switcher for Chrome' 선택 후 설치하기

 

설치를 잘 하셨다면, 1) 크롬 브라우저 우측 상단에 있는 확장 프로그램 설정 아이콘을 클릭하고, 2) 방금 설치한 'User-Agent Switcher for Chrome' 옆에 있는 압정 모양 아이콘을 클릭해서 파란 색 아이콘이 되도록 합니다. 

크롬 브라우저에서 확장 프로그램 설정
크롬 브라우저에서 확장 프로그램 설정

여기까지 잘 따라 하셨다면, 설치는 잘 끝났습니다. 

 

 

2. 프로그램 사용해 보기


셋팅을 아무 것도 바꾸지 않았다면, 기본값은 '크롬 브라우저'로 설정되어 있습니다. 

기본 설정으로 네이버 웹사이트 접속

 

여기서 방금 설치한 'User-Agent Switcher for Chrome'을 클릭 > 'iOS'나 'Android'를 선택하고, 하위에 있는 값을 아무거나 선택하시면, 네이버 웹사이트가 여러분의 브라우저를 모바일로 인식하고 네이버 모바일로 웹사이트를 바꿔줍니다. (저는 'Android > Android KitKat'을 선택했습니다.)

User Agent를 Android로 바꿔서 네이버 웹사이트 접속
User Agent를 Android로 바꿔서 네이버 웹사이트 접속

 

사용법은 이게 전부입니다. 원래대로 크롬 브라우저로 돌아갈려면, 다시 아이콘을 클릭 > 'Chrome'을 선택해 주시면 됩니다. 설정을 바꾸지 않는 한, 브라우저에 영향을 주지 않으므로 사용하기도 아주 편합니다. (단, 네이버는 PC에서도 모바일 사이트를 접속할 수 있도록 하고 있어서, User Agent를 바꾼다고 PC용 웹사이트로 화면을 다시 바꿔주지 않습니다. 네이버 주소를 다시 입력하고 접속하면 원래대로 PC용 웹사이트를 볼 수 있습니다.)

 

 

정리


크롬 브라우저는 여러가지 유용한 확장 프로그램을 제공하고 있어서, 요긴하게 사용할 수 있는 기능들이 많습니다. 앞으로도 간단하지만 파워풀하게 사용할 수 있는 확장 프로그램을 몇 가지 더 소개해 드리도록 하겠습니다. 오늘 소개해 드린 'User-Agent Switcher for Chrome'확장 프로그램도 필요하신 분들은 잘 사용하시길 바랍니다. 

반응형

댓글