구글 크롬 모바일 모드 확장프로그램 설치로 모바일 웹 페이지 접속하기

구글 크롬 모바일 모드 확장프로그램 설치로 모바일 웹 페이지 접속하기

 

환경: Chrome

 

블로그를 운영하거나 웹 페이지 작업을 할 때 PC뿐만 아니라 모바일과 아이패드에서 어떻게 표현이 되는지 테스트 해 봐야 합니다. 왜냐하면 모바일 접속자도 많이 증가하고 있기 때문입니다. 그런데 모바일 페이지 테스트 할 때 일일이 스마트폰으로 접속하기 힘듭니다. 이 때 크롬 확장 프로그램을 이용하면 PC에서 모바일 모드로 접속할 수 있습니다.

 

▼ 먼저 크롬 브라우저를 실행합니다. 그리고 확장 프로그램을 설치하기 위해 오른쪽 상단에 있는 [더보기] > [도구 더보기] > [확장 프로그램] 메뉴를 선택합니다.

 

▼ 확장 프로그램을 찾을 수 있는 [Chrome 웹 스토어]에 접속한 후 검색란에 user agent switcher 를 입력합니다. 

 

▼ 검색 결과에서 User-Agent Switcher for Google Chrome 을 설치합니다. 오른쪽 상단에 있는 Chrome 에 추가 버튼을 누르면 됩니다. 

 

▼ 확장 프로그램이 설치되면 URL 입력란 오른쪽 끝에 아이콘이 생깁니다. 해당 아이콘을 클릭해 보세요. 목록에는 각종 브라우저와 아이폰, 안드로이드 모드가 있습니다. Android 에는 3가지 모드가 준비되어 있네요. 하나를 선택합니다. 

 

▼ 그림은 Samsung Galaxy S3 메뉴를 선택한 결과 입니다. URL 주소를 보시면 끝에 m이라고 붙어 있죠. 이것이 모바일로 사이트를 접속했을 때 보여지는 별도의 웹 페이지 주소 입니다. 그리고 확장 프로그램 아이콘에는 모바일 모드라는 것을 알리기 위해 ON 을 표시합니다. 

 

▼ 다시 원래대로 돌아오고 싶다면 확장 프로그램 아이콘을 클릭해서 메뉴 목록을 띄웁니다. 제일 상단에 있는 Default 가 기본값입니다. Default 설정 후 다시 웹사이트에 접속하면 원래대로 돌아옵니다. 또는 URL주소에서 m 을 삭제해도 결과는 같습니다. 이 외에도 각종 브라우저 호환성을 테스트할 수 있는 모드가 있습니다. Internet Explorer 을 선택해 보세요.