반응형
모바일 웹 개발 시 웹사이트, 앱 반응형 확인할 때 도움이 되는 크롬 Device Mode 사용하는 법
1. F12를 눌러 크롬 개발자 도구를 킨다.
2.
Window, Linux이라면 Ctrl + Shift + M를 누르기
Mac이라면 Command + Shift + M를 누르기
3. 개발자 도구 좌측 위에 아래 아이콘 클릭
Device Mode 아이콘이 파란색이면 On
Device Mode 아이콘이 검정색이면 Off
4. 왼쪽 위 부분에서 원하는 디바이스로 설정 후 웹사이트 확인
반응형
'개발 팁 정리' 카테고리의 다른 글
[크롬 개발자 도구] 센서(위치정보 설정, 기기 방향 변경, 터치 이벤트 발생, 유휴상태 만들기) (1) | 2024.07.22 |
---|---|
[정규식] 빈 줄 제거, 특정문자 이후 및 이전 모두 선택 (0) | 2024.04.29 |
[MARKDOWN] 자주 사용하는 마크다운 문법 정리 (0) | 2023.06.26 |
[알고리즘] 에라토스테네스의 체에서 소수 판정 시 제곱근 까지만 확인하면 되는 이유 (0) | 2023.06.15 |
mongoose, typegoose, nestjs-typegoose, kindagoose 사용이유 (0) | 2023.03.03 |
댓글