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

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

 

환경 : Internet Explorer 11

 

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

 

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

http://www.viewlike.us/

 

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

 

 

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

 

 

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

 

 

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