운영중인 블로그, 사이트가 다른 해상도 기기에서 잘 나오는지 확인하는 방법
2014.05.19 01:29
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^
운영중인 블로그, 사이트가 다른 해상도 기기에서 잘 나오는지 확인하는 방법

요즘 블로그, 사이트를 반응형으로 많이 운영하지요.

 

잡다한세상역시 이번에 반응형 스킨으로 교체를 했습니다. 테스트 블로그에서 자잘한 수정을 한 다음 본 블로그에 적용을 했는데 그래도 수정할것들이 많네요.

 

스킨이나 사이트 레이아웃을 바꾸고 나면 작업 모니터에 최적화를 하는것이 기본입니다. 그러나 다른 기기에서 어찌 보이는지 궁금하기도 해서 사용하는 스마트폰, 테블릿을 이용해서 접속을 해보기도 하지요.

 

하지만 이런 작업도 사용중인 PC에서 바로 확인이 가능합니다. 다양한 기기 해상도로 자신이 운영중인 블로그, 사이트를 확인할수 있는 외국 사이트를 이용하시면 됩니다.

 

운영중인 블로그, 사이트가 다른 해상도로 확인하기 : http://www.viewlike.us

 

위 링크를 이용하시면 간단하게 모바일기기, 테블릿, PC화면등 다양한 해상도 테스트가 가능합니다.

 

위 링크를 이용해서 접속한 화면 입니다. 테스트할 블로그, 사이트 주소를 넣고 'Test your site!'를 누르시면 됩니다.

 

그럼 기본적으로 1024 X 768 해상도로 화면을 보여 줍니다. 보여주는 블로그 화면을 다른 기기로 변경할려면 오른쪽 상단 기기 아이콘을 누르면 각 제조사 기기들을 선택 할수 있습니다.

 

Apple등 유명한 제조사등이 있고 대표하는 기기들이 있어서 테스트 가능합니다.

 

블로그에 반응형 스킨을 적용하고 애드센스를 반응형으로 달아서 이것저것 테스트를 하여도 기기에 따라 보여지는 부분이 달라질수 있답니다.

 

특히 애드센스를 반응형으로 적용했다고 해도 전체적인 부분에서 어우러지는지도 확인하셔야 하고 주로 사용하는 스마트 기기에서 자신의 블로그, 사이트가 어찌 보이는지 체크해서 레이아웃을 다름는다면 보는 입장에서 좋을듯 합니다.

 

위 사이트를 이용하셔서 한번씩은 체크해 보세요.

저작자 표시 비영리 변경 금지
신고

, , , , , , , , , ,

  1. ㅎㅎ 바꾸셨군요. 제가 주로 인터넷 하는 시간하고 겹치시나봐요. 매번 글 올리시는거 보고 가네요.
    모바일은 모바일스킨 그대로 쓰시려나봐요? 스마트폰에서 보고 덧글 남깁니다.

  2. Readiz님 안녕하세요.
    모바일 신경을 못썻네요. 관리자에서 모바일 스킨 OFF체크를 안했네요.

    알려주셔서 감사합니다.^^

    평일 퇴근하면 12시가 넘어서 이시간까지 컴을 합니다. 그게 습관이되어 일요일도 늦게 컴을 하게되네요.

    댓글 감사합니다.

  3. 오호... 이거 정말 좋은 정보입니다.

    감사합니다.^^

  4. 네 정말 편하답니다.
    한가지 주의하실것은 저처럼 위사이트를 이용해서 확인한다면 티스토리 관리화면에서 모바일스킨 기능 끄는걸 잊어버릴수도 있답니다. ㅎㅎ

  5. 좋은 정보 잘 보고 갑니다..^^

  6. 댓글 감사합니다.
    요 몇일 모바일(스마트폰)로 블로그에 올라온 댓글 확인하고 답글 달았는데 이카루스님 댓글을 읽은 기억이 나는데 답글을 못달았네요.

    너무 늦은 답변 죄송합니다.^^