본문 바로가기
인터넷

PC화면에서 모바일 화면 확인하는 방법-모바일시뮬레이터 다운로드

by 상식속 2024. 11. 17.

 

 

모바일시뮬레이터 사용하기

 

블로그를 하다 보면 마지막에 항상 확인해야 하는 것이 있어요. 바로 모바일 화면으로 보는 거죠.

PC화면과 모바일 화면의 출력이 조금씩 다르고, 노출되는 게 차이가 날 수 있어서 검수할 때 한 번씩 모바일로 확인을 끝내야 하죠.

저는 개인적으로 크롬을 사용하고 있어요.

그러므로 간단하게 다운로드하여 설치하는 모바일 화면 프로그램을 알려드리려고 합니다.

 

 

 

 

 모바일 시뮬레이터 다운로드

 

 

 

1. 아래 링크를 클릭하셔서 크롬 웹 스토어로 이동합니다.

 

크롬 웹 스토어 바로가기

 

 

 

 

2. '모바일시뮬레이터'를 검색합니다.

 

 

 

 

3. 다운로드하여 설치합니다.

 

"Chorme에 추가"를 클릭하여 설치합니다.

 

설치 바로가기

 

 

 

 

4. 모바일 시뮬레이터 - 반응형 테스트 도구를 추가하시겠습니까? 

 

"확장 프로그램에 추가" 클릭

 

 

 

5. 주소창 "확장프로그램"클릭 → 모바일 시뮬레이터 클릭

 

 

 

 

 

 

모바일 화면 출력

 

 

6. 장치변경

우측 아이콘 중에 "장치변경"이라는 (아래 이미지확인) 아이콘을 선택하시면 자신이 확인하고 싶은 휴대폰으로의 출력이 가능합니다. 

 

 

 

모바일 화면이 출력이 잘 되었습니다. 스크롤하시면서 내가 의도한 데로 모바일로 반영이 잘 되었는지 확인해 보세요.

 

PC로 작업해 놓고 모바일로 확인하다 보면 반영이 다른 것들이 가끔 눈에 띄거든요.

항상 PC작업 후에는 모바일로 확인하시고 수정하셔서 반영하시기를 바랍니다.

 

누군가에게 작은 도움이 되셨길 바라며...^^

 

 


 

 

스프런키 게임 온라인 무료 플레이하기

스프런키 게임 온라인 무료 플레이 요즘 우리 아이들이 푹~ 빠져있는 게임 하나를 소개할까 해요. 옆에서 아이들이 하고 있는 걸 지켜보면, 왜 저렇게 스프런키 게임에 빠져드는지 의문이지

assutory.tistory.com

 

플라스틱 번호별 용도, 종류, 재활용에 대해 알아보자

플라스틱 번호의 비밀플라스틱 용기 (대부분 밑부분)에는 1~7번까지의 번호가 적혀 있어요. 그것은 수지(樹脂)의 종류를 나타내는 거예요. 플라스틱이 다 비슷해 보이지만 원료가 다 다르고, 쓰

assutory.tistory.com

 

동영상 편집 프로그램 추천 Clipchamp 15초 움짤 사용방법

간편한 사용 동영상편집 프로그램 Clipchamp 저는 블로그에 움짤 기능을 많이 만들어 사용하는 편이에요.여러 가지 동영상 GIF변환 프로그램들을 사용해 봤지만, 제가 제일 맘에 드는 프로그램 하

assutory.tistory.com

 

알캡쳐 다운로드와 사용방법

알캡처 다운로드와 사용방법알캡처는 화면 캡처를 간편하게 할 수 있는 프로그램으로, 다양한 기능을 제공하여 많은 사람들이 사용하고 있습니다. 캡처 후에 기본적인 기능들이 아주 사용하

assutory.tistory.com

 

MBTI 성격유형 테스트 무료검사 받으러 가기

어느 모임을 가나 제일 먼저 화두에 오르는 것이 바로 MBTI입니다. 요즘은 MBTI로 시작하는 것이 습관처럼 되었는데요. 아직도 자신의 MBTI가 무엇인지 모르시는 분 계신가요?무료로 테스트 해보시

assutory.tistory.com

반응형