스마트폰과 태블릿이 많이 보급되어 블로그에 모바일 유입이 엄청나게 늘었어요. 제 블로그만 하더라도 이미 PC 접속의 몇 배가 될 정도입니다.

모바일 페이지에서 블로그가 어떻게 나오는지 확인해야할 필요가 있는데, 방법이 마땅치 않았습니다. 모바일 페이지를 확인하려면 내가 가지고 있는 스마트폰을 통해서 확인하면 좋은데, 수없이 많은 기기 중 한 기기로만 확인할 수 있어 여러가지 제약이 많았죠.

이 글에서는 이런 제약없이 다양한 제조사의 다양한 기기로 모바일 페이지를 볼 수 있는 방법을 소개합니다.

모바일 페이지 보기

보통 블로그나 웹페이지의 모바일 페이지를 보려면 user-agent를 바꿔서 보는 방법을 이용하는데요. 이런 방법은 파이어폭스나 크롬의 플러그인으로 구현되는 경우가 많아요. 게다가 user-agent를 바꾸는 작업은 인터넷 익스플로어에서는 정말 귀찮은 방법이죠.

하지만 이 글에서 소개할 방법은 별도의 프로그램이나 플러그인 필요없이 간단히 주소만 입력하는 것만으로 모바일페이지를 보는 방법입니다.

다음 실험실에서 진행 중인 트로이(Troy)라는 실험인데요.

http://troy.labs.daum.net/

위 링크를 클릭하고 접속해서 보고싶은 모바일 페이지의 주소만 입력하면 끝입니다.

트로이(Troy)의 로고와 설명입니다.

모바일 페이지 보기 - 트로이(Troy)

Troy는 간편하게 주요 모바일 단말기 기본 브라우저의 실제 크기 화면을 통해 모바일 웹 페이지의 인터페이스를 검증하는데 도움을 주는 개발 도구입니다.

누구나 빠르게 모바일 웹 페이지를 한 곳에서 테스트해 볼 수 있는 장점이 있습니다. 화면 확대/축소 기능 및 맞춤형 크기 변경 기능 또한 제공합니다.

여기에 표시되는 화면 크기는 모바일 웹 개발 시 흔히 사용되는 medium-dpi 기준의 브라우저 크기로서, 기기 또는 운영체제별 특성,버그는 실제 기기를 통해 확인하셔야 합니다.

앞으로 Troy는 새로운 단말기 추가 및 User-Agent 변경 기능 등도 제공할 예정입니다. 여러분의 사용 소감 및 개선 아이디어를 부탁 드립니다.

단순히 모바일 페이지만 보여주는 것이 아니라 제조사별, 기종별로 볼 수 있어요. 같은 기종이라도 해상도가 다른데, 이 곳에서는 한꺼번에 모든 기기에서 보여지는 모바일 화면을 볼 수 있어에 훨씬 유용합니다.

국내에서 가장 많이 이용하는 삼성, 애플, LG, 팬텍의 스마프폰과 태블릿PC를 지원하고 해당 기종을 선택하면 거기에 맞게 모바일 페이지를 표시해 줍니다.

삼성: 갤럭시 S, 갤럭시 S2, 갤럭시 S3, 갤럭시 S4, 갤럭시 노트, 갤럭시 노트 2, 갤럭시 넥서스, 갤럭시 탭
애플: 아이폰 3GS, 아이폰 4, 아이폰 5, 아이패드
LG: 옵티머스 G, 옵티머스 G Pro, 옵티머스 뷰 2, 옵티머스 One
팬텍: 베가 No.6, 베가 R3
PC: 1024 x 768, 1366 x 768

모바일 페이지 보기 - 트로이(Troy) 기기 선택

 

모바일 페이지 보기 - 트로이(Troy). 모바일 화면

함께 보면 좋은 글

애드센스 CPE? 확장형 광고
웹접근성 검사, 웹접근성 평가 도구 N-WAX
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
블로그 속도 측정 - Google PageSpeed Insights
애드센스를 본문 상단 오른쪽에 넣기
애드센스 수익 향상 팁 - A/B 테스트

 
그리드형