Please Enable JavaScript!
Gon[ Enable JavaScript ]

내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

환경 : Internet Explorer 11

 

블로그에 디자인을 변경하게 되면 웹 페이지에서는 바로 확인이 가능합니다. 하지만 모바일에서 어떻게 변경되었는지 볼려면 휴대폰으로 직접 접속해서 봐야 하는 불편함이 있습니다. 그리고 기종에 따라 해상도가 틀리기 때문에 제대로 디자인이 반영되었는지 확인하기 쉽지 않죠.

 

내블로그에 디자인을 변경하거나 광고를 집어 넣었을 때 화면이 깨지지 않고 제대로 표현이 되었는지 알아볼수 있도록 서비스를 제공해 주는 사이트 입니다. 링크를 클릭하시면 해당 사이트로 이동하게 됩니다.

http://www.viewlike.us/

[인터넷] 내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

사이트 메인페이지에서 중앙에 있는 입력창에 블로그 주소를 입력합니다. 참고로 스마트 폰에서는 자동으로 모바일 디자인 페이지를 인식하도록 프로그램 해 놓았지만 이곳에서는 그게 안되기 때문에 주소 바로 뒤에 /m 을 붙여야 모바일 디자인 페이지를 볼수 있습니다. 이렇게 접속하시면 상단에 줄자가 있고 크기에 맞게 블로그 웹페이지가 표현이 됩니다. 원하는 스마트폰 사이즈로 보고 싶으시다면 오른쪽 상단에 있는 아이콘을 클릭해서 스마트폰 종류를 선택합니다.

[인터넷] 내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

 

스마트폰 종류를 선택하시면 해당 사이즈에 맞게 표현되고 크기가 얼마인지 상단에 표시를 해주고 있죠.

[인터넷] 내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

 

이렇게 어떤 종류의 기기들에 해상도가 있는지 알아 보실려면 상단 메뉴 [DEVICES SCREEN SIZES] 를 클릭합니다. 그럼 현재 까지 추가 되어 있는 기기들이 모두 나와 있습니다.

[인터넷] 내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

 

이중 스마트폰뿐만 아니라 테블릿, 모니터 까지도 있으니 내블로그 뿐만 아니라 스마트폰 어플 디자인하시는 분들도 참고하시면 좋겠네요. 이상으로 내블로그에 디자인 변경시 어떻게 표현이 되었는지 확인해 보고 싶을 때 참고할 만한 사이트를 소개해 보았습니다.

[인터넷] 내블로그 모바일 장치에서 어떻게 보이는지 테스트 해보는 방법

 

 

Posted by 녹두장군

댓글을 달아 주세요