DevTools 팁: Device Mode
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
DevTools를 사용하면 웹사이트를 실제 기기에서 찾아보지 않고도 모든 기기에서 웹사이트가 어떻게 동작하고 작동하는지 테스트할 수 있습니다.
기기 모드를 사용하여 모바일 표시 영역을 시뮬레이션하고 구성합니다.
- 다양한 방식으로 기기 크기를 설정하거나 사전 설정을 사용합니다.
- 가로 모드 방향과 세로 모드 방향 간에 전환합니다.
@media
최소 및 최대 너비 중단점을 디버그합니다.
- 맞춤 기기를 시뮬레이션하거나 구성할 기기를 선택하세요.
- CPU 및 네트워크 속도를 제한하여 중간 계층 및 저사양 기기에서 페이지 성능을 시뮬레이션합니다.
- 웹사이트의 오프라인 콘텐츠가 있다면 오프라인 모드를 사용 설정하여 테스트합니다.
자세한 내용은 기기 모드로 휴대기기 시뮬레이션을 참조하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2022-12-05(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]