[티스토리블로그] 블로그 모바일 환경 테스트하기

[티스토리블로그] 블로그 모바일 환경 테스트하기

 

 

블로그를 운영하다 보면 PC 화면과 모바일 환경에 따라 다르게 나타나는 경우가 있습니다.

어떤 블로거님의 글을 보니 안드로이드 폰인 제 폰으로 보면 배치가 이상하게 나오는데 블로거님의 폰으로는 제대로 나오는 경우가 있다고 하더라고요,

 

그래서 PC나 스마트폰으로 포스팅한 블로그가 모바일 환경에 제대로 나오는지 확인하는 방법을 소개하고자 합니다.

 

블로그 모바일 환경 테스트하기인데요.

 

모바일 검색량이 컴퓨터 검색량을 초월한 건 이제 옛이야기가 되었지요?

이런 현상은 갈수록 심화될 것으로 보입니다.

 

티스토리 블로그는 반응형 스킨 적용으로 모바일이나 태블릿 PC 등 다양한 하드웨어에 의해서 가독성을 높일 수 있는 장점이 있습니다.

 

그런데 기기에 따라 어떻게 출력되는지 자기 폰이 아니면 확인하기 어렵죠...

 

 

먼저http://troy.labs.daum.net에 접속합니다.

 

그러면 위 화면처럼 나오게 됩니다.

 

상단의 'URL을 입력하세요' 부분에 작성한 블로그의 포스트 주소를 하나 가져와서 복사합니다.

그러면 좌측의 가장 상단에 있는 삼성 갤럭시 S8, S8+, Note 8에서 보이는 화면이 나타납니다.

 

이 화면에서 이상하면 배치를 바꾸어야겠죠?

너무 간단하게 확인할 수 있네요.

 

블로그 모바일 최적화된 화면은 삼성, 애플, LG, 구글, Pantech, HTC, Sony, Xiaomi, Huawei, Lenovo, ZTE, PC Screen 등 거의 모든 환경에서 테스트해 볼 수 있습니다.

좌측 상단의 멀티스크린 모드는 원하는 기기를 선택할 때마다 모바일 화면이 추가되는 멀티화면으로 보여줍니다.

 

그리고 PC Screen은 화면 해상도에 따라 보여주는 화면들을 볼 수 있습니다.

열심히 작성한 포스트가 방문자의 기기에 잘 못 보이면 낭패겠죠?