반응형 페이지를 테스트할 때 기기별로 화면이 제대로 나오는지 확인이 필요할때 유요한 사이트가 있어서 소개해 드립니다.
예전에는 반응형웹페이지를 개발 할때 모든 기기를 구비해서 테스트할 수 없으니 모발일버전으로 소스를 고쳐서 화면 해상도 바꿔가면서 확인하거나, 아는 지인들 불러서 잘나오냐고 확인했던 기억이 있네요.
기종별해상도테스트 : http://troy.labs.daum.net
사이트에 들어가시면 상단위의 URL에 링크주소를 입력하시고 왼쪽의 기기를 선택하시면 기기별로 화면이 제대로 표시되고 있는지 확인이 가능합니다.
이런거 만드신분 상줘야 됩니다. 진짜 ㅠ
디바이스를 선택하면 선택한만큼 나열이 되구요 한화면에서 상태를 전부 볼수 있어서 유용하네요.
국내 발매된 거의 모든 모바일기기가 있는것 같네요. 화면 목록에 안나오더라도 비슷한 기종들이 많으니 문제가 없을 것 같구요.
'IT정보센터 > HTML & CSS' 카테고리의 다른 글
CSS 이미지 전체화면 띄우기 (0) | 2019.06.02 |
---|---|
아이콘 문자표 손쉽게 적용하기 (0) | 2017.06.30 |
CSS 스타일 분석 파이어버그 사용하기 (0) | 2017.05.03 |
HTML 색상표 손쉽게 찾아보기 (0) | 2015.07.28 |
퍼블리싱을 위한 HTML5 시작하기 (0) | 2015.07.19 |
모바일웹 개발시 전화번호 자동링크 삭제처리 (1) | 2015.07.08 |
[CSS] 반응형웹페이지의 필수 - 미디어쿼리 활용 (0) | 2015.06.26 |
반응형 CSS 프레임워크 부트스트랩을 체험해보다 (0) | 2015.06.17 |
모바일작업시 전화번호 강제링크 생성될때 (0) | 2015.06.14 |