Device Mode로 휴대기기 시뮬레이션

Chrome DevTools의 Device Mode를 사용하면 모바일 우선의 완벽한 응답형 웹사이트를 빌드할 수 있습니다. 이 모드를 사용하여 다양한 기기와 기능을 시뮬레이션하는 방법을 알아보세요.

요약

Device Mode 전환

Device Mode 버튼을 전환하여 Device Mode를 켜거나 끕니다.

Device Mode의 첫 시작

Device Mode가 켜져 있으면 아이콘은 파란색입니다 (Device Mode 활성화).

Device Mode가 꺼져 있으면 아이콘은 회색입니다 (Device Mode 비활성화).

Device Mode는 기본적으로 활성화되어 있습니다.

Command+Shift+M(Mac) 또는 Ctrl+Shift+M(Windows, Linux)을 누르면 Device Mode를 전환할 수 있습니다. 이 단축키를 사용하려면 마우스 포커스가 DevTools 창에 맞춰져 있어야 합니다. 마우스 포커스가 뷰포트에 있는 경우, Chrome의 사용자 전환 단축키를 트리거하게 됩니다.