편리하고 안전한 웹 도구 독도인

모바일 웹 미리보기

크롬 개발자 도구처럼 스마트폰, 태블릿 등 다양한 기기 해상도와 테두리를 설정하여 내 웹사이트를 테스트하세요.

×

위 툴바에서 주소를 입력하고
[미리보기 시작]을 눌러주세요.

실제 개발자 도구처럼 원하는 기기와 해상도를 자유롭게 조작할 수 있습니다.

모바일 웹 미리보기 사용법

크롬 개발자 도구처럼 스마트폰, 태블릿 등 다양한 기기 해상도와 테두리를 설정하여 내 웹사이트를 테스트하세요.

주요 특징

  • 다양한 기기 프리셋 지원: 최신 iPhone, Galaxy, iPad 등 대표적인 스마트기기 해상도를 원클릭으로 테스트할 수 있습니다.
  • 자유로운 해상도 조절: 기본 프리셋 외에도 Width(가로)와 Height(세로) 픽셀을 직접 입력하여 맞춤형 화면을 구성할 수 있습니다.
  • 스마트 줌(Zoom) 기능: 데스크탑 모니터 크기에 맞게 50% ~ 150%까지 화면 배율을 자유자재로 축소 및 확대할 수 있습니다.
  • 원클릭 가로/세로 전환: 스마트폰을 가로로 눕혔을 때(Landscape) 웹사이트가 깨지지 않는지 즉시 확인할 수 있습니다.
  • 목업(Mockup) 테두리: 아이폰 특유의 노치 디자인과 둥근 테두리를 입혀, 클라이언트 보고용 캡처 화면을 예쁘게 만들 수 있습니다.

사용 방법

  1. 검색창에 테스트하고자 하는 웹사이트 주소(URL)를 입력하고 [미리보기 시작] 버튼을 누릅니다.
  2. 툴바 첫 번째 드롭다운에서 테스트할 기기(iPhone, iPad 등)를 선택합니다.
  3. 화면이 모니터보다 너무 크거나 작다면 확대비율(Zoom)을 조절하여 한눈에 들어오게 맞춥니다.
  4. 캡처가 목적이라면 우측의 '테두리(Mockup) 표시'를 체크하여 기기 테두리를 입힙니다.
  5. 가로/세로 회전 버튼을 눌러 디바이스 방향에 따른 레이아웃 붕괴 현상이 없는지 점검합니다.

이런 도구는 어떠세요? (연관 추천 도구)