요즘 아이폰의 등장과 옴니아, 안드로이드 등의 등장으로 모바일웹이 많이 화두가 되고 있다.
그에 발맞추어 모바일 버전 웹사이트를 제공하는 곳들이 늘어나고 있다. 그런데 아직 초기여서인지 '제대로' 스마트폰에서 브라우징을 할 수 있게 만들어졌다기보다는 그냥 사이즈만 줄여놓거나 한 곳들도 많다.
그럼 좀 '제대로' 만들었는지 확인하려면 어떻게 해야 할까.
우선 다양한 기기에서 직접 확인할 수 있으면 가장좋다. 아이폰, 안드로이드, 옴니아, 오즈 등 풀브라우징이 가능한 테스트 기기들을 직접 보유하고 테스트해보면 더할나위 없다.
하지만 그렇지 못한 경우가 아마 꽤나 많을 것이다. 그런 경우 에뮬레이터들을 활용하면 완벽하지는 않지만, 조금이나마 좀 더 '제대로'된 모바일 사이트를 만드는데 큰 도움이 될 것이다.
1. 윈도우 모바일 에뮬레이터
윈도우 모바일에는 인터넷익스플로러 모바일버전이 기본으로 설치되어 있다.
사파리(웹킷)나 오페라미니에 비해 많이 뒤쳐진 상태이기때문에 모바일 인터넷익스플로러에서 완벽히 잘 돌아가는 사이트를 만드는 것은 좀 어렵겠지만, 그래도 기능이 동작은 되도록 해주는 것이 좋을 것이다.
에뮬레이터는 Windows Mobile SDK 를 설치하면 사용할 수 있다.
2. 오페라 미니
옴니아나 기타 윈도우모바일이 설치된 기기나 기타 등등에서 오페라 미니도 많이 사용된다.
오페라 미니 에뮬레이터는 일반 브라우져로 아래 URL로 들어가면 웹상에서 바로 테스트해볼 수 있다.
3. 안드로이드
최근 아이폰에 뒤이어 안드로이드폰들이 몰려올 예정이다. 안드로이드폰에서 만든 웹사이트가 잘 돌아가는지 확인하려면 안드로이드 SDK 를 다운받아서 설치하면 아래와 같이 안드로이드폰 에뮬레이터를 사용할 수 있다.
4. 아이폰 및 기타 웹킷 기반 브라우져
아이폰/아이팟 뿐 아니라 웹킷 기반의 브라우져들에서 잘 돌아가는지는 사파리 브라우져를 이용해 테스트해보면 된다.
윈도우PC또는 맥에서 그냥 사파리 브라우져에서 테스트하면 기본적인 동작에는 큰 문제가 없을 것이다.
맥을 사용한다면, 아이폰 SDK를 설치하고 아이폰 에뮬레이터를 통해서 확인해볼 수도 있다.
"모바일" 웹사이트를 만든다면 가급적이면 특정 기기에만 맞추어놓고 '모바일사이트'라고 하기보다는 다양한 기기의 여러 브라우져에서 접근이 좋도록 만드는 것이 좋을것이다.
모바일 사이트 제작할 때 아래 내용들도 한 번 살펴보면 좀 더 나은 모바일 사이트를 만드는데 도움이 될 것이다.
댓글을 달아 주세요
저 reader 기능 상당히 좋더군요. 장문의 글을 읽을 때 저걸로 보면 훨씬 집중이 잘 되고 읽기에 편하더라구요. 맘에 들어요 :)
사파리는 이번에 처음 써보는데 괜찮네요.