[크롬확장프로그램] 반응형 웹 테스트 프로그램 (Responsive Viewer)

반응형 웹을 개발할 때 테스트 할 수 있는 방법을 소개하려고 합니다.
Chrome 웹 스토어에서 여러 화면을 한 번에 보여주는 반응형 테스터 (Responsive Viewer)를 설치하겠습니다.

https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb


반응형 테스터 (Responsive Viewer) 확장 프로그램 설치하기

1. Chrome 웹 스토어로 이동하여 우측 상단 검색창에 "Responsive Viewer"를 입력하고 검색합니다.
2. Responsive Viewer 확장 프로그램 카드를 찾아 "확장 프로그램에 추가" 버튼을 클릭합니다.
3. 추가할 경우 Chrome에 저장되는 권한을 확인하고 "확인"을 클릭하여 설치를 완료합니다.

 

사용 방법

설치가 완료되면 크롬 왼쪽 상단 확장프로그램에 Responsive Viewer 아이콘이 추가됩니다.
해당 아이콘을 클릭하면 다양한 크기의 반응형 웹을 한번에 볼 수 있습니다.

프론트엔드 개발자라면 필수인 반응형 웹개발에 유용하게 사용하셨으면 좋겠습니다.