본문 바로가기
IT 마당

PC에서 모바일 모드 보는 방법 (feat. 웹사이트 모바일 모드 체크 방법)

by 『★√★』 2022. 12. 12.

PC-모바일모드-썸네일
PC-모바일모드-썸네일

 

 이번에는 PC에서 모바일 모드 보는 방법 대해서 작성하도록 하겠습니다. 블로그를 하거나 모바일 화면의 최적화를 테스트하기 위해서 PC에서 손쉽게 모바일 모드로 전환해서 활용하는 방법에 대해서 자세히 알려 드리도록 하겠습니다. 

 

목차

1. PC에서 모바일 모드 보는 방법

2. 모바일에서 PC 모드 보는 방법

 

PC에서 모바일 모드 보는 방법

 

:  PC에서 모바일 모드 전환을 하는 대표적인 이유로는 모바일 모드가 더 익숙하신 분들이 모바일 모드에서 작업을 희망하시거나, 쇼핑몰이나 블로그를 하시는 분들이 모바일 모드 기준에서 어떻게 보이는지 확인을 하기 위해서라고 합니다. 

 

 이를 위해서 PC에서 모바일 모드로 전환하는 방법에 대해서 설명 드리도록 하겠습니다. 모바일 모드로 전환하기 위해는 웹브라우저 프로그램이 필요한데 저는 크롬 브라우저를 이용해서 설명 드리도록 하겠습니다. 

 

1) 일단 크롬 브라우저를 열면 우측 상단에 세로 3개점으로 되어 있는 아이콘이 보이실 건데 해당 아이콘을 선택을 하시면 "도구 더보기" 항목이 보이실 겁니다. 

 

 해당 항목을 선택을 하시면 하부 메뉴가 나오는데 하부 메뉴 중에 "개발자 도구" 항목을 선택하여 클릭을 해주시면 됩니다. 

 

PC-모바일모드
PC-모바일모드

 

2) 개발자 도구 항목을 클릭하게 되면 오른쪽에 CODE 창이 뜨고, 왼쪽에는 기존에 활성화 시켜놓은 웹사이트가 보이실 겁니다. 왼쪽 개발자 도구 항목 메인 메뉴에 왼쪽에 2번째에 위치한 모바일 형태로 생긴 아이콘을 클릭을 해주시면 됩니다. 

 

 

PC-모드
PC-모드

 

모바일-모드
모바일-모드

 

 해당 아이콘을 클릭을 하게 되면 바로 모바일 모드로 변환이 되고 변환된 모바일 모드의 화면 크기도 원하시는 방향으로 수정이 가능하니 작업하시기 편하게 크기를 조정해서 맞추시는 걸 추천 드립니다. 

 

 

모바일에서 PC 모드 보는 방법

 

: 사실 모바일 스마트폰을 이용하면 나타나는 웹사이트는 모바일 친화적으로 보이게 됩니다. 즉 모바일 모드로 웹사이트가 로딩이 되고 해당 사이트에서 작업이 가능합니다.

 

 

 반면 모바일에서 PC 모드 사이트에 접속을 하거나 해당 PC 모드 웹사이트를 통해서 유튜브 백그라운드 재생 등을 하기 위해서는 PC모드를 이용할 수 있도록 설정을 조정 해주셔야 합니다.

 

 모바일에서 PC 모드를 보는 방법은 아래 포스팅을 참조 하시면 이해하시는데 도움이 되실 겁니다.

  

2022.12.07 - [IT 마당] - 모바일에서 데스크탑 모드 사용 방법

 

모바일에서 데스크탑 모드 사용 방법

이번 포스팅은 모바일에서 데스크탑 모드 사용 방법 대해서 작성하도록 하겠습니다. 모바일에서 데스크탑 모드를 이용하면 유튜브에서 재생한 영상을 다른 앱을 실행하더라도 계속적으로 실행

dfirejobs.com

 

 여기까지 작성하도록 하겠습니다. 지금까지 PC에서 모바일 모드 보는 방법 대해서 정리하여 설명 드렸습니다.

 

 PC 화면 뿐만 아니라 자신이 만든 웹사이트가 어떻게 모바일에서 보이는 지를 확인하기 위해서 제가 설명 드린 방법으로 손쉽게 확인을 해서 더 좋은 웹사이트를 만드시는데 도움이 되셨으면 합니다. 

 

참고로 해당 글은 개인적으로 검토한 내용을 기반으로 일반인이 작성한 글이니, 오류가 있을 수 있는 점 참조 부탁 드립니다. 감사합니다. 

 

 

 

2021.08.05 - [공유 마당] - 인스타 비공개 보는법

 

인스타 비공개 보는법

이번 포스팅은 안녕하세요 이번 포스팅은 인스타 비공개 보는법에 대해서 작성하도록 하겠습니다. 인스타그램을 하시다 보면 비공개를 하는 지인이나 친구들이 있을 것입니다. 이런 분들의 소

dfirejobs.com

 

 

2021.07.06 - [공유 마당] - 인스타그램 줄바꾸기 쉽게 할 수 있는 유용한 방법

 

인스타그램 줄바꾸기 쉽게 할 수 있는 유용한 방법

이번 포스팅은 인스타그램 줄 바꾸기 쉽게 할 수 있는 유용한 방법에 대해서 작성하도록 하겠습니다. 인스타그램을 하다 보면 공백을 만들어서도 자동으로 줄 바꾸기가 되지 않아 문장 마지막

dfirejobs.com

 

 

2022.01.26 - [IT 마당] - 윈도우10 폰트 추가 및 크기 변경 방법

 

윈도우10 폰트 추가 및 크기 변경 방법

이번 포스팅은 윈도우 10 폰트 추가 및 크기 변경 방법에 대해서 작성하도록 하겠습니다. 윈도우 10을 사용하시다가 기본적으로 제공하는 폰트 말고도 추가적으로 원하시는 폰트를 추가하거나

dfirejobs.com

 

 

2022.01.22 - [IT 마당] - 윈도우10 컴퓨터 이름 변경 방법 정리

 

윈도우10 컴퓨터 이름 변경 방법 정리

이번 포스팅은 윈도우10 컴퓨터 이름 변경 방법 정리한 내용을 기반으로 작성하도록 하겠습니다. 윈도우10 설치하게 되면 임의 컴퓨터 이름이 입력이 되는데 해당 사항에 대해서, 원하는 컴퓨터

dfirejobs.com

 

 

2022.11.29 - [공유 마당] - 개인통관고유부호 조회 발급 방법

 

개인통관고유부호 조회 발급 방법

이번 포스팅은 개인통관고유부호 조회 발급 방법 대해서 작성하도록 하겠습니다. 해외직구를 하시려면 꼭 필요한 사항 중에 하나가 개인통관고유부호입니다. 이름은 어렵게 느껴지시지만 정말

dfirejobs.com

 

댓글0