크롬 개발자 도구를 통한 반응형 웹 테스트

 

 

크롬 개발자 도구를 통한 반응형 웹 테스트

개발자 도구에서 [Toggle device toolbar] 아이콘을 클릭하면

좌측에 각종 디바이스를 선택할 수 화면이 오픈됩니다.

 

 

상단의 드롭다운 항목을 클릭하면 주로 사용하는 디바이스 목록을 생성한 후 변경할 수 있습니다.

 

 

디바이스 목록하단의 [Edit…]항목을 클릭하면 오른쪽에 설정 화면이 나타닙니다.

 

기존 목록에서 디바이스를 선택할 수 있습니다.

 

또는 상단의 [Add custom device…]버튼을 클릭하여 원하는 디바이스를 등록 후 사용할 수 있습니다.