PC컴퓨터에서 크롬 모바일 화면으로 보기 하는 방법

PC 컴퓨터에서 크롬 모바일 화면으로 보는 방법이 있습니다. 따로 설치가 없습니다!.

---

데스크톱 환경에서는 모바일 화면처럼 작은 화면으로 보여주지는 않습니다.

화면도 크고 인터넷 접속시에 user agent 라는 정보를 통해서 접속 사이트와 인터넷 브라우저가 화면크기 등의 유저 설정을 해주기 때문입니다.

그래서 모바일 페이지로 접속하기위해서는 모바일 주소를 통해서 접속하는등의 절차를 거쳐야 합니다.

하지만 계속해서 모바일 환경으로 이용하려면 간단한 방법이 있습니다. ㅎㅎ

크롬 브라우저의 개발자도구를 이용하는 방법입니다.

지금은 많은 분들이 크롬 브라우저를 사용중일겁니다. 속도도 빠르고 다양한 확장프로그램을 지원해주고 있기도 합니다.

저는 주로 다음(daum.net) 사이트를 이용합니다.

여기서 개발자도구를 사용해보겠습니다.

크롬 개발자도구는 우클릭 '검사' 를 이용해서 띄우거나

F12 단축키를 통해서 개발자도구를 실행할수 있습니다.

그럼 개발자도구 좌측 상단에 모바일화면 모드가 있습니다.

보이시죠? 클릭해줍니다.

정식명칙은 device toolbar 인것 같습니다.(툴팁이 device toolbar 로 나옵니다 ㅎㅎ)

어쨋든 이를통해서 보시게되면 상단에 많은 간략한 옵션들이 보입니다.

원하는 기기종류를 선택해 볼수 있습니다.

대부분의 iPhone 시리즈를 볼수 있습니다. 아이폰X도 있구요, 하지만 갤럭시는 s5까지밖에 없는듯 합니다.

그리고 Edit을 통해서 기기를 추가 해볼수 있구요

그리고, 지금 보이시는 화면 에서 상단 바로 밑에 회색으로 보이시는 bar 들이 보입니다.

잘 안보이지만;; 이 bar가 나타내는건 각 기기별(모바일,태블릿,데스크톱 등)의 해상도를 직접 선택할수 있습니다.

그리고 보여지는 화면의 size를 설정할수도 있습니다.

또, 온라인, 오프라인 등으로 전환도 가능합니다.

오프라인으로 하면 인터넷 링크가 연결이 안되더군요 ㅎㅎ!

아까도 말씀드렸다싶이 Edit을 통해서 기기를 추가 할 수 있구요.

F1를 통해서 setting 화면을 띄우는 방법도 있습니다.

위쪽에 Add custom device 를 눌러주시면 다양한 다른 기기를 추가 할수 있습니다.

그리고 지금 데스크톱 화면 처럼 보이게됩니다.

이건 지금 사이트 주소가 www.daum.net 으로 데스크톱 주소가 되어 있어서 그럽니다.

이건 간단하게 주소에 m.을 입력해도 좋지만, 새로고침 1번만 해줘도

자연스럽게 모바일 환경으로 접속할 수 있답니다. ㅎㅎ

어렵지 않죠? 그럼 좋은 하루되세요~