요 몇일 모바일 사이트에 대해서 궁금함이 생겼습니다.
스마트 폰으로 일일이 확인할려고 하니 귀찮은점도 많고해서요
검색을 해봤더니 다음과 같은 방법이 있었습니다.


http://html.nhndesign.com/index.php?mid=textyle&category=5855&vid=blog&document_srl=2154

Firefox (add-on)

위의 정보를 가지고 아래와 같이 설정하시면 확인 하실 수 있습니다.

  • User Agent Switcher - Firefox의 User Agent를 모바일 단말의 User Agent 로 설정하면 모바일 단말의 브라우저로 정보를 요청했을때와 같은 응답을 받을 수 있습니다.

    1. 설치 후 도구 > User Agent Switcher > options > options 선택
    2. 왼쪽의 User Agents > Add 클릭 > 단말기의 User Agent 입력(ex. iPod Touch)

      User Agent 입력화면
    3. 추가된 단말기 User Agent 선택

      User Agent 선택화면
    4. 모바일 웹 서비스 접속

      모바일 웹 서비스 접속화면
  • 비슷한 기능의 Firefox Add on 으로는 Modify Header 등이 있습니다.
  • XHTML Mobile Profile - Firefox 가 본래 지원하지 않는 application/vnd.wap.xhtml+xml mime-type을 지원합니다. 모바일 웹 스펙인 XHTML Mobile Profile을 위한 MIME-TYPE인 application/vnd.wap.xhtml+xml의 설정되어 있을 경우 이를 표시 해주는 Add on 입니다. 설치 후 별도 설정은 필요 없습니다.
  • wmlbrowser - Firefox 에서 WML page 를 보여주는 부가기능입니다. 설치 후 별도 설정은 필요 없습니다.

Safari

Safari 브라우저의 경우 브라우저에 해당 기능을 기본으로 제공하고 있습니다. DevelopMode 를 활성화 시켜 User Agent 를 iPhone 이나 iPod Touch 로 변경해서 동일한 결과를 얻을 수 있습니다. 설정 방법은 아래와 같습니다.

  1. 편집 > 기본설정 > 고급 > 개발자용 모드 보기에 체크
    Safari 설정화면

  2. 개발자용 메뉴 > 사용자 에이전트 > iPhone
    Safari 설정화면

iPhoney (Mac OS용) - iPhone을 기본화면으로 하고 있으며 iPhone 화면 크기에 맞게 작업물을 확인 할 수 있습니다. TestiPhone 이나 iPhone Tester 과 비슷하며 추가적으로 확대기능, 그리고 User Agents 를 변경 할 수 있습니다.

Internet Explorer

Internet Explorer 브라우저는 시스템 레지스트리값을 변경하여 확인 할 수 있습니다.

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings\5.0\User Agent] 의 데이터값을 위의 모바일 단말의 브라우저 User Agent 로 설정

하지만 매번 설정 변경과 원상복구를 해야하는 불편함과 레지스트리값 변경으로 인한 시스템 오류가 있을 수 있으니 권장하지 않습니다.

테스트 가능한 모바일 서비스

아래 서비스는 User Agent String을 체크해 PC와 Mobile 사이트로 각각 이동시켜 줍니다.

아래 서비스는 User Agent String을 체크해 Mobile 단말일때만 서비스 접근을 허용한 서비스 입니다. (주로 PDA용 사이트)

아래 서비스는 User Agent String 값과 관계없이 확인 가능한 모바일 서비스입니다. 주소에서도 알 수 있듯이 특정 브라우저에 최적화된 서비스가 대부분입니다.

 

'Interesting > TIPTECH' 카테고리의 다른 글

구글 검색 검색 결과 긴급 삭제 요청 방법  (5) 2011.06.10
Chrome Stable Release 12  (0) 2011.06.10
WWDC2011를 지켜보고  (0) 2011.06.07
애플, WWDC2011 라이브  (0) 2011.06.06
하이브리드앱 참고  (1) 2011.06.03

+ Recent posts