반응형 테스트 사이트「다음 트로이 랩(Daum Troy Labs)」

모바일 시장이 확대되면서 인터넷도 모바일 전용 페이지나 PC나 모바일 모두 적용되는 반응형 페이지를 제작하는 경우가 많은데 블로그를 운영하는 경우에도 요즘은 반응형 스킨이라고 PC나 모바일 같이 창의 크기에 맞춰 변화하는 스킨을 제작하는 경우가 많은데 열심히 만들고 테스틀 하기 위해 일일히 스마트폰 같은 모바일 기기를 통해 사이트를 찾아 확인을 하면 귀찮을 수 있는데 이번에 PC에서 모바일 화면 테스트를 할 수 있는 사이트를 소개해 보려 합니다

사이트 주소 링크 - http://troy.labs.daum.net/

링크되어있는 주소를 클릭하면 위의 이미지가 있는 페이지가 새 창에 열리는데 여기서 단순히 모바일 기기 화면 크기를 확인하는 것이 아니라 삼성, 애플, LG 등 다양한 스마트폰 기종별로 모바일 주소 적용시 보이는 화면을 테스트 할 수 있습니다

아직은 가장 최근에 나왔던 삼성 갤럭시9 시리즈나 애플의 아이폰X는 아직 등록되어있지 않지만 다양한 화면 크기에 맞춰 확인을 할 수 있고

멀티스크린 모드를 통해 여러 기종을 선택하여 모바일 화면 테스트를 할 수 있습니다

그리고 단순히 세로로 되어있는 화면만 볼 수 있는 것이 아니라 화면을 회전 시켜 스마트폰을 기울였을 때 보이는 화면으로도 확인할 수 있습니다

그리고 사이트 제일 위에 URL 입력 창이 있는데 그 곳에 원하는 사이트 및 페이지의 주소를 넣고 찾으면 선택된 모바일 기기에서 보이는 화면을 볼 수가 있어서 반응형 홈페이지를 제작했을 때 테스트나 블로그를 운영하는 경우 반응형 스킨을 적용 후 테스트를 할 때도 유용하게 사용할 수 있습니다

여기까지 PC에서 모바일 화면 및 반응형 테스트를 할 수 있는 다음 트로이 랩(Daum Troy Labs) 사이트를 소개해봤습니다