[다정다감] 프로그래밍Tips [웹]크롬브라우져에서 모바일 화면으로 보기

프로그래밍 Tips
프로그래밍에 관한 Tip을 공유하는 곳입니다.

[웹]크롬브라우져에서 모바일 화면으로 보기

이석종

2020-02-01 18:26:03, 조회 : 843, 추천 : 241

- Download #1 :

개발자도구_모바일.png (160.2 KB), Download : 25

홈페이지를 관리하다보면 PC,환경과 모바일 환경을 모두 지원해야한다.

보통은 웹개발 작업은 PC에서 하게 되는데 모바일에서 어떻게 보일까?를 확인해야할 때가 있다.

핸드폰으로 확인할 수도 있지만 PC브라우저에서처럼 개발자툴같은 것을 사용할 수 없다.

페이지의 오류같은 것을 확인할 수가 없다는 것이다.

이런 경우 크롬브라우저에서 모바일 환경으로 볼 수 있는 방법이 있다.

크롬부라우저 우측 상단의 점세개를 클릭하면 [도구 더보기]메뉴가 있다

이걸 클릭한 후 [개발자 도구]를 선택한다.

그러면 개발자 도구가 뜨는데 개발자 도구의 왼쪽 위를 보면 모바일로 볼 수 있는 아이콘이 있다.

이걸 클릭하면 보바일로 볼 수 있다.

모바일 기종을 선택할 수 있으며 마우스는 터치 표시로 바뀐다.

추천하기

목록보기