본문 바로가기
개발 팁 정리

[크롬 개발자 도구] Device Mode 사용하기

by minhyeok.lee 2024. 4. 23.
반응형

모바일 웹 개발 시 웹사이트, 앱 반응형 확인할 때 도움이 되는 크롬 Device Mode 사용하는 법

 

1. F12를 눌러 크롬 개발자 도구를 킨다.

2.

Window, Linux이라면 Ctrl + Shift + M를 누르기

Mac이라면 Command + Shift + M를 누르기

 

3. 개발자 도구 좌측 위에 아래 아이콘 클릭

Device Mode 아이콘이 파란색이면 On

Device Mode 아이콘이 파란색이면 On

Device Mode 아이콘이 검정색이면 Off

Device Mode 아이콘이 검정색이면 Off

 

4. 왼쪽 위 부분에서 원하는 디바이스로 설정 후 웹사이트 확인

 

반응형

댓글