[유틸] 파이어폭스 브라우저 이용해서 스마트폰(모바일) 접속화면으로 보는 방법

파이어폭스 브라우저 이용해서 스마트폰(모바일) 접속화면으로 보는 방법

 

환경 : Firefox

 

파이어폭스에서 제공하는 확장프로그램을 이용하시면 보고싶은 웹페이지가 스마트폰에서 어떻게 표현되는지 바로 확인할수 있습니다. 스마트폰에서 구동되는 웹페이지를 만드는 개발자는 일일이 스마트폰에서 확인하지 않아도 됩니다.

 

▼ 파이억폭스가 설치 되어 있지 않으면 아래 링크주소를 클릭해서페이지로 들어간후 다운받아 설치합니다.

http://www.mozilla.or.kr/ko/

 

 

▼ 파이어폭스를 실행한후 오른쪽 끝에 있는 설정메뉴를 클릭해서 화면을 엽니다. 그럼 [부가 기능] 메뉴를 볼수 있습니다. 모든 확장 프로그램을 설치할수 있는 곳으로 이동합니다.

 

 

▼ 부가기능 페이지로 오셨다면 오른쪽 상단 검색란에 user agent switcher 입력합니다. 현재 버전이 0.7.3 이네요. 오른쪽에 있는 [설치하기] 버튼을 클릭합니다.

 

▼ 프로그램 설치가 끝나게 되면 [다시시작] 버튼이 나타나게 됩니다. 설치한 프로그램이 브라우저에 적용되기 위해서는 재시작을 해야 하므로 [다시시작] 을 클릭합니다.

 

 

▼ 재시작하고 나서 도구메뉴 > Default User Agent 로 갑니다. 그럼 기본값인 Default User Agent 로 설정이 되어 있을 겁니다. 이것을 iPhone 3.0 으로 셋팅합니다.

 

 

▼ iPhone 3.0 으로 체크하고 나서 다시 웹페이지로 접속합니다. 테스트를 위해 저의 블로그 주소로 들어가 보았습니다. 사이트에  접속하면 자동으로 앱 접속 주소로 바뀌게 됩니다. 스마트폰 크기에 맞춰서 브라우저를 맞춰봅니다.

 

 

▼ 다시 원상태로 바꾸고 싶으시다면 도구메뉴 > Default User Agent 로 가셔서 Default User Agent 체크하시면 됩니다. 그리고 다시 접속하시면 앱 접속화면이 아닌 정상적인 페이지를 볼수 있습니다.