데스크탑 PC의 파이어폭스에서 모바일 화면처럼 보는방법

제 블로그가 데스크탑 환경에서뿐 아니라, 모바일 화면에서도 잘 보여지고 있는지 가끔 확인하는데, 매번 스마트폰으로 확인해 보기에는 너무 번거롭고 효율적이지 못한 일이죠.

 

그러므로 PC의 인터넷 브라우져를 모바일용 화면이 보이게끔 설정을 해놓고 사용하면 훨씬 수월합니다.

 

저는 익스플로러와 크롬을 주로 사용하기에, 잘사용하지 않는 파이어폭스를 모바일 전용으로 해서 사용합니다.
예전엔 사파리로 했었는데, 특유의 인터페이스가 정말 마음에 안들어서리....--;
( 자주쓰는 크롬으로 하는 방법도 있는데, 모바일 화면으로 볼려고 창크기 작게해서 봤다가, 
   다시 PC화면으로 본다고 창크기 키우고..  이렇게 창크기를 왔다갔다 하는게 의외로 번거로우므로 
   잘 안쓰는 브라우저를 하나 잡아서 전용으로 쓰는게 나을겁니다. 창크기 변경할일 없으니까요. )

모질라 파이어폭스 홈페이지/다운로드 - http://www.mozilla.or.kr/ko/

파이어폭스 다운로드/설치과정은 어려울게 없고
방심하고 '다음>다음'만 누르다가 디폴트 브라우져로 설정되지 않게만 조심하세요.^^

 

초보자도 이해가 쉽도록 '메뉴모음'를 일단 꺼내겠습니다.^^ (저 위치에서 마우스 오른쪽 버튼을 눌러 체크하면 됩니다)


설치하신 Firefox Browser 에서 아래의 주소로 들어가...

https://addons.mozilla.org/ko/firefox/addon/user-agent-switcher/

'User Agent Switcher' 라는 확장기능을 추가합니다. 그리고 브라우저를 한번 재실행한후에....

 

daum.net 으로 접속을 하면, 데스크탑화면 과 같이 나오는걸 볼수 있을텐데요
모바일 화면으로 보려면...  
도구 > Default User Agent > iPhone 3.0 으로 설정한후에.... 

 

적용이 되도록 새로고침(F5)을 한번 해주면....  
이 브라우져를 모바일 기기(iPhone)로 인식해 자동으로 m.daum.net 으로 가게 됩니다.

 

그리고 브라우져의 좌우를 적당히 좁혀서 보기좋게 하면 됩니다.


이렇게 모바일용 화면으로 딱 보여주는 이유는...

 

 

 

User Agent 때문에 아이폰으로 인식을 하며, 모바일용 화면을 보여주게 됩니다.


만약, 삼성 갤럭시 S2 로 인식시키고 싶으면, 항목을 하나 추가해서
- Mozilla/5.0 (Linux; U; Android 2.3.3; ko-kr; SHW-M250S Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
로 적어주면 되겠구요. 
각 기기별로 저 값이 조금씩 다른데, 그걸 찾아 넣어주면 됩니다.

http://www.whatsmyuseragent.com/

내 모바일 기기의 user agent 확인방법은 위의 사이트를 방문하시면 자신의 접속 ip와 함께 알려줍니다.

 

Mozilla/5.0 (Linux; U; Android 4.1.2; ko-kr; SHV-E160S Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

갤럭시 노트1은 위와같이 나오네요.

 

 

 

---

↓ 2015-03-19  내용추가

 

 

매번 '도구 > Default User Agent >iPhone' 방식으로 들어가기 번거로우니...

 

위와같이 해당메뉴의 아이콘을 메뉴바에 바로가기로  만들어 놓으면 좀더 편합니다.^^

 

 

참고 포스팅 

 

스마트폰 기기별로 실제보이는 화면을 PC에서 확인해보는 방법 - Daum Troy 

- http://motivation.tistory.com/731

 

PC 크롬 브라우져에서 스마트폰 화면처럼 보는 방법 - http://motivation.tistory.com/868

 

 

---

↓ 2015-07-07 내용추가

 

 

파이어폭스 모바일 화면에서 스크롤 캡쳐하는 부가기능은 Screengrab 을 설치하면 됩니다.

 

 

그리고... ScreenGrab! > Save > Complete Page/Frame 을 누르면 됩니다.

Settings에 들어가면 옵션도 다양하게 있으니 한번 둘러보시구요.

 

 

 

 

---

↓ 2017-04-11  내용추가

 

 

 

네이버에서 만든 브라우저 '웨일(http://whale.naver.com/)'을 사용하면 별다른 설정이 필요없이 바로 모바일 화면을 볼수 있어서 편하네요.

 

크롬이나 파이어폭스에서 뭐 변경하고 추가하고 하지말고, 그냥 네이버 웨일 브라우저 사용하세요.