크롬 모바일모드 / 설치 필요 없음

크롬 모바일모드

스마트폰이 보급되면서 사이트 개발자들에게 한가지 업무가 추가 되었습니다. 그것은 모바일에서도 사이트가 잘 보이도록 구축하는 것인데요.

비단 사이트 개발자들 뿐만이 아니라 이제 일반 사용자들도 블로그글을 쓰거나 인터넷을 할 때 해당 페이지를 모바일로 확인해보고 싶어질 때가 있습니다. 그럴때마다 앞에 컴퓨터를 두고서 스마트폰을 켜보고 확인해 보는 경우도 있는대요.

아주 간단하게 모바일에서 어떻게 보이는지 확인할 수 있는 방법이 있습니다.

첫번째 알려드리는 방법은 크롬 모바일모드 확장프로그램 없이도 간단히 할 수 있는 방법이고 혹시 첫번째 방법으로 안보여지는 사이트가 있는 경우에 대비해서 크롬 확장프로그램을 설치하여 모바일모드로 보는 방법을 소개해드리도록 하겠습니다.

1. 설치 없이 크롬 모바일모드로 보기

사이트 주소가 www으로 시작한다면 www을 지워 줍니다.

www지우고 m을 입력하고 엔터를 치면

바로 모바일 모드로 전환 된 것을 볼 수 있습니다.

그런데 우리가 스마트폰으로 보던 모습과는 다르죠?

이럴 때는 창의 좌우 넓이를 줄여서

모바일 화면 크기로 맞추어 주면 됩니다.

짠~ 우리가 스마트폰으로 보던 화면과 똑같아졌죠?

그런데 이 m자가 들어가는 위치는 사이트마다 다른 경우도 있습니다.

티스토리 같은 경우에는

뒤쪽에 /m을 붙여주면

모바일 모드로 볼 수 있습니다.

네이버 블로그는

앞쪽에 m을 붙여주면

모바일 모드로 볼 수 있습니다.

이렇게 사이트마다 조금씩 m을 붙여주는게 다르긴 하지만

대부분의 사이트가 앞에 m을 붙여줌으로써

모바일 모드로 볼 수 있습니다.

저는 프로그램 까는 것을 싫어해서

현재 이 방법으로 하고 있는대요.

이 방법은 크롬뿐만이 아니라

익스플로러, 엑지, 파이어폭스 등

모든 인터넷 브라우저에서 사용 가능합니다.

이 방법이 귀찮으면 크롬 확장프로그램을 설치하여

모바일 모드로 볼 수도 있습니다.

그럼 다음으로 두번째 방법,

확장프로그램을 설치하여

크롬 모바일모드로 보는 방법을 알아보겠습니다.

2. 확장 프로그램을 설치하여 크롬 모바일모드로 보기

크롬에서 우측 상단에 메뉴 버튼을 눌러줍니다.

메뉴가 펼쳐지면 설정으로 들어가 줍니다.

설정 화면에서 우측에 보면

확장프로그램이 있습니다.

확장프로그램으로 들어가 줍니다.

확장프로그램 화면에서

맨 밑으로 스크롤해서 내리면

더 많은 확장 프로그램 다운로드가 있습니다.

크롬 웹 스토어 화면입니다.

좌축 상단 검색창에

[user agent switcher]라고

입력하고 엔터를 누릅니다.

확장 프로그램이 검색된 화면입니다.

마스크 모양의 확장 프로그램을

크롬에 추가해주시면 됩니다.

확장 프로그램 추가를 눌러서

설치해 줍니다.

설치가 마무리되면

크롬 우측 상단에 해당 프로그램 아이콘이 생성됩니다.

한번 눌러주면 메뉴가 펼쳐지고

우리는 모바일로 볼 것이기 때문에

안드로이드를 선택해 줍니다.

만약 아이폰에서 나타나는 화면은 원하면

iOS를 눌러주면 됩니다.

전 단계에서 안드로이드를 누르면 나타나는 메뉴입니다.

하나밖에 없으므로 선택해 줍니다.

그럼 모바일 모드로 전환되게 됩니다.

두가지 방법다 장단점이 있습니다.

모바일로 가끔보거나 추가 프로그램 설치를 꺼리시는 분들은

첫번째 방법이 좋을 것이고

자주 크롬 모바일 모드로 확인하셔야 하는 분들은

두번째 방법이 좋을 것입니다.

자신한테 맞는 방법이 어떤건지

맞추어서 사용하시면

좋을 것 같습니다.

크롬 모바일모드