감성공간

기종별 반응형웹 해상도 테스트 사이트

2015. 8. 5. 19:23 - 행복천사

반응형으로 퍼블리싱작업을 할려면 준비해야 될게 상당히 많습니다. 특히 기기별 해상도 부분을 체크하려고 하면 특히 머리아프죠. 기종별로 모든 디바이스를 준비 할 수 없으니까요.

 

그럴때 필요한 사이트가 있어서 포스팅합니다. 각각의 기기가 필요가 없이 웹화면에서 바로 확인이 가능하니 퍼블리싱에는 참 도움이 되네요.

 

예전에 아이폰개발을 할때 기기별로 해상도 맞추는데도 힘들었는데 안드로이였으면 끔찍했을 겁니다.

 

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

 

사이트에 들어가시면 왼족목록에 기기별로 거의 모든 디바이스 목록을 볼 수가 있습니다.

 

 

아이폰을 선택해보았는데요. 예전 3GS 까지 지원하고 있습니다.

 

 

 

 

아래는 접속 메인화면인데요. 상당히 심플합니다. 상단 주소바에 검색을 원하는 URL을 넣어주시구요. 검색버튼만 클릭하시면 알아서 선택된 디바이스 기기에 맞춰서 화면이 디스플레이됩니다.

 

 

디바이스를 선택하면 선택한 만큼 화면에서 바로 볼수 있구요. 확인이 바로가능해서 정말 유용합니다.

 

디바이스 장비가 많기 때문에 혹시라도 지원이 안되는 기기가 있더라도 비슷한 장비를 찾아서 테스트한다면 거의 모든 테스트가 가능할 것 같습니다.