스마일맨의 정보창고

Q) 컴퓨터나 노트북에서 휴대폰에서 접속한 것과 같은 모바일(Mobile) 접속 화면으로 볼 수 있는 방법을 알려주세요.

     파이어폭스 브라우저(FireFox Browser)의 환경에서 알려주세요~

A) 자~ 이번에는 모질라 파이어폭스 (Mozilla Firefox) 입니다. ^^

01. 모질라 파이어폭스 (Mozilla Firefox) 실행

    먼저 모질라 파이어폭스 (Mozilla Firefox)를 실행합니다.

    처음 시작하면 위와 같은 화면을 만나실 것입니다.

02. 메뉴 - '부가 기능' 선택

    하단에 있는 '부가 기능'을 선택하시거나, 주소창 오른쪽 끝에 있는 '메뉴'를 클릭하시고

    하단에 있는 '부가 기능' 을 선택합니다.

    (Alt 키를 한 번 누르고 '도구' - '부가 기능'을 선택하셔도 됩니다.)

03. 부가기능 - 'User agent switcher' 설치

     상단 '부가 기능 검색' 에서 'User Agent Switcher'를 검색합니다.

     그럼 하단에 'User Agent Switcher 0.7.3'이 검색된 것을 확인 하실 수 있으실 것입니다.

     어떤 부가 기능인지 보시려면 '상세보기'를 클릭하여 보시고,

     [설치하기] 버튼을 클릭하여 'User Agent Switcher'를 설치 합니다.

04. 파이어폭스(FireFox) 재시작

    [설치하기]를 누르면 재시작 하라는 메시지가 나옵니다.

    브라우저를 종료하고 재시작 합니다.

05. User Agent 설정

    메뉴 - 도구 를 보시면 'Default User Agent' 항목이 새로 생기신 것을 보실 수 있으실 것입니다.

    'Default User Agent' 를 선택 후 'iPhone 3.0'을 선택합니다.

    그러면 이제 브라우저는 'iPhone 3.0' 으로 인식을 하게 된 것입니다.

    즉, 여러분은 아이폰(iPhone 3.0) 에서 열리는 화면을 만나보실 수 있다는 것입니다.

06. 모바일 화면 체험

    위에는 포털사이트인 '다음(http://www.daum.net)' 과, 저의 블로그인 '스마일맨의 정보창고(http://smilecap.tistory.com)을 접속한 화면 입니다.

    접속을 하면 자동으로 모바일 주소인 http://m.daum.net 과 http://smilecap.tistory.com/m/post 으로 리다이렉팅 됩니다.

      컴퓨터에서 휴대폰에서 접속한 것과 같은 모바일(Mobile) 접속 화면으로 볼 수 있는 방법을 알려주세요. 

     오늘은 그 첫번째로 사파리 브라우저(Safari Browser) 를 사용하여 보는 방법에 대해서 알려드리겠습니다.

     그럼 사파리 브라우저가 여러분의 컴퓨터에 설치되어 있다는 가정하에 진행하도록 하겠습니다.

1. 사파리(Safari) 브라우저를 띄운 후 Daum 홈페이지에 접속하면, 위와 같이 Daum PC 화면에 접속하게 됩니다.

    그런다음 주소창 오른쪽의 '톱니바퀴' 모양의 설정 버튼을 클릭합니다.

2. 메뉴가 나오면 중간의 '기본설정' 을 선택합니다.

    단축키로 Ctrl 키와 , 키를 누르면 기본 설정으로 바로 접근이 가능합니다.

3. 그러면 기본 설정 팝업이 나오는데 가장 오른쪽의 톱니바퀴의 '고급' 탭을 선택합니다.

    그럼 하단의 내용이 바뀌게 되는데, 가장 마지막의 '메뉴 막대에서 개발자용 메뉴 보기' 앞에 있는 체크박스를 체크 합니다.

    그리고 오른쪽 상단의 X를 눌러서 기본 설정 창을 닫습니다.

4. 다시 사파리 창으로 돌아와 Alt 키를 누르면 주소 표시줄 위에 메뉴들이 나타나게 됩니다.

    여기서 보면 기존과는 다르게 중간에 '개발자용' 이라는 메뉴가 나타나는 것을 보실 수 있으실 것입니다.

5. 이 '개발자용'을 선택하신 후 '사용자 에이전트'를 선택합니다.

     그러면 하위 메뉴들이 나오는데, 여기서 'Safari iOS 4.3.3 - iPhone'을 선택합니다.

     기호(?)에 따라서 다른 메뉴를 선택하셔도 됩니다.

     이 내용들이 Safari, Opera, FireFox 등 으로 인식을 한다는 내용입니다.

6. 그럼 주소가 자동으로 변경이 되는 것을 보실 수 있으실 것입니다.

    모바일(Mobile) 주소인 m 으로 변경이 되죠?

    그리고 화면도 뭔가 모바일 스러워 지지 않았나요?

7. 화면의 폭을 줄여볼까요?

     와우~ 정말 모바일 화면이 맞네요 ㅎㅎㅎ