DevTools 팁: Device Mode

Sofia Emelianova
Sofia Emelianova

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

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

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

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