DevTools 팁: Device Mode

Sofia Emelianova
Sofia Emelianova

DevTools를 사용하면 웹사이트를 실제 기기에서 찾아보지 않고도 모든 기기에서 웹사이트가 어떻게 동작하고 작동하는지 테스트할 수 있습니다.

기기 모드를 사용하여 모바일 표시 영역을 시뮬레이션하고 구성합니다.

  • 다양한 방식으로 기기 크기를 설정하거나 사전 설정을 사용합니다.
  • 가로 모드 방향과 세로 모드 방향 간에 전환합니다.
  • @media 최소 및 최대 너비 중단점을 디버그합니다.
  • 맞춤 기기를 시뮬레이션하거나 구성할 기기를 선택하세요.
  • CPU 및 네트워크 속도를 제한하여 중간 계층 및 저사양 기기에서 페이지 성능을 시뮬레이션합니다.
  • 웹사이트의 오프라인 콘텐츠가 있다면 오프라인 모드를 사용 설정하여 테스트합니다.

자세한 내용은 기기 모드로 휴대기기 시뮬레이션을 참조하세요.