안녕하세요. 조스입니다.
오늘은 PC에서 모바일 화면을 조회하는 방법에 대해 알아보도록 하겠습니다. 웹페이지를 만들 때는 PC 화면뿐만 아니라 태블릿과 휴대전화에서도 어떻게 보이는지 확인이 필요하기에, 필수적으로 알아야 하는 기능 중 하나입니다. ※ PC에서 모바일 화면으로 보는 방법 아래 방법은 CHROME(크롬)를 사용하여 확인하는 방법입니다. 1.
HTML 파일 열기: 먼저 PC에서 확인하고 싶은 HTML 파일을 크롬 브라우저로 엽니다. 2. 개발자 도구 열기 단축키: 키보드에서 F12 키를 눌러서 개발자 도구를 엽니다.
마우스: 페이지 위에서 마우스 오른쪽 버튼을 클릭한 후, 메뉴에서 [검사]를 선택합니다. 3. 디바이스 모드 활성화: 개발자 도구 창이 열리면, 왼쪽 상단에 있는 모바일/태블릿 모양의 아이콘(Toggle device toolbar)을 클릭하세요.
빨간색으로 표시한 아이콘이 "Toggle device toolbar"입니다. 4. 모바일 기기 선택 화면 상단에 '...
