반응형 모바일 웹 해상도 테스트 사이트를 소개합니다 - 다음 트로이 랩

웹디자인이나 개발 및 티스토리 블로그의 반응형 스킨 적용시 모바일 환경에서는 어떻게 보여지는지 궁금하시죠?

이럴때 필요한 사이트가 다음 트로이 랩( http://troy.labs.daum.net/ )입니다.

다음 트로이 랩 사이트에서는 다양한 모바일 환경 및 PC에서의 다양한 해상도까지 지원합니다.

테스트할 수 있는 기기는 삼성, 애플, 엘지, 구글, Pantech, HTC, Sony, Xiaomi, Huawei, Lenovo, ZTE, PC 해상도를 테스트 할 수 있습니다.

Samsung 에서는 갤럭시 노트4, 갤럭시 S5, 갤럭시 노트3, 갤럭시 S3, 갤럭시 노트2, 갤럭시 노트1, 갤럭시 S2, 갤럭시 S1, 갤럭시 탭S 를 테스트가 가능합니다.

APPLE 에서는 아이폰6, 아이폰6 Plus, 아이폰5, 아이폰4, 아이폰3GS, 아이패드 레티나를 테스트 할 수 있습니다.

LG 에서는 LG G3, LG G2, LG 옵티머스 지프로, LG 옵티머스 G, LG 옵티머스 뷰, LG 지패드8.3 을 테스트 할 수 있습니다.

G5는 당연히 아직 출시 전이라 없겠지만 제가 쓰고 있는 G4는 출시일이 1년이 다 되어가는데 아직 없네요 ㅠㅠ

PC 환경에서는 800*600, 970*600, 1024*768, 1280*800, 1366*768, 1440*900, 1600*900, 1920*1080 해상도를 테스트 할 수 있습니다.

그 외 기기는 다음 트로이 랩 사이트에서 참고해 보세요 ^^

사용방법은 다음 트로이 랩 사이트 ( http://troy.labs.daum.net/ ) 에 접속한 다음에 아래 화면처럼 주소창에 테스트할 URL을 입력하시고 왼쪽에서 테스트할 기기를 선택하시면 메인창에 해당 기기 화면이 보이며, 스크롤해서 화면을 테스트하면 됩니다.

아래는 삼성 갤럭시 노트4 테스트 화면입니다.

삼성 갤럭시 S5, 노트3 테스트 화면입니다.

애플 아이폰6 테스트 화면입니다. 메인창의 기기에서 회전아이콘을 클릭하시면 아래처럼 회전해서도 볼 수 있습니다.

기기 상단 화살표 아이콘을 클릭하시면 주소창도 볼 수 있습니다. 다양하게 활용이 가능하죠.

LG G3 테스트 화면입니다.

PC에서는 1024 * 768 해상도 테스트 화면입니다.

반응형 스킨 테스트나 반응형 애드센스 배너를 넣을때 유용하게 사용하고 있으며, 웹개발 및 웹디자인시에도 편리하게 테스트할 수 있습니다.

감사합니다.