반응형웹사이트 동작 테스트사이트 구글 리사이저(Resizer)

반응형 웹사이트로 설계된 사이트를 만들고 있다면 사이트가 정상적으로 동작되는지 테스트해볼 필요가 있습니다.
PC,태블릿,스마트폰등에서 제대로 사이트가 보여지는지 확인할필요가 있기 때문입니다. 그렇다고 매번 사이트수정시마다 각각의 기기에서 사이트를 방문하여 점검하기는 힘듭니다.
또 보유하고 있지 않은 다른 모바일기기의 해상도를 알기 힘들어 특정한 해상도에서의 화면표시도 알수 없는 불편함이 있다고 하겠습니다.
구글에서는 구글 리사이저(Resizer) 사이트를 공개하여 반응형 웹사이트가 어떻게 동작하는지 쉽게 알수있도록 하고 있습니다.

구글 리사이저 사이트를 방문하면 매우 쉽게 반응형 웹사이트의 동작상태를 확인할수 있는데 “사이트 주소”를 입력해주기만 하면 됩니다.

자이언트의 주소인 “giantt.co.kr”을 입력해 보았습니다. 이후 사이트를 읽어드리면 상단의 노트북,태블릿,스마트폰 모양 아이콘을 클릭하거나 직접 좌우폭 길이를 선택하여 화면을 미리보기 할수 있습니다.

스마트폰 해상도로 접속시  미리보기한 화면

태블릿 해상도로 접속시  미리보기한 화면

노트북,PC 해상도로 접속시  미리보기한 화면

위의 이미지 처럼 다양한 기기로 반응형 웹사이트를 접속했을때의 화면을 미리보기할수 있어 웹사이트가 정상적으로 반응하고 있는지 쉽게 확인할수 있는것입니다.
구글의 리사이저 사이트는 이곳을 방문하시면 이용하실수 있습니다. 모바일 기기들이 인터넷 검색을 주도하게 되면서 대응하기 위한 반응형 웹사이트 그리고 이러한 사이트 지원을 위한 다양한도구들이 선보이고 있는것 같습니다.