스마트폰 브라우저에서 데스크톱 페이지 보는 방법(User Agent 변경하기)

스마트폰에서 브라우저를 이용해서 네이버나 다음 메인 페이지에 들어가면 모바일 페이지로 접속이 됩니다.

스마트폰에서 접속한 네이버 모바일 페이지

일반적인 경우 이렇게 작은 화면에서는 모바일 페이지를 보는게 더 좋겠지요.

하지만 PC 데스크탑에서만 특별한 기능이 지원이 되고, 모바일에서는 안보이는 경우 PC방을 가야하나, 노트북을 들고 와야 하나 싶은 경우가 종종있습니다.

youtube 업로더인 경우 유튜브 모바일 화면에서는 할수 있는것이 보는 기능밖에 없지만, 데스크톱으로 들어가면 수정, 편집도 가능한데, 여행이나 외부에 나와 있는 경우 간혹 필요한 경우가 있는데, 알아두시면 유용할수 있으니 참고하시고, 만약을 대비해서 미리 앱도 설치해 두시면 좋을듯 합니다.

 

사용자 에이전트(User Agent, UA)란 무엇인가?

브라우저(iphone,ipad,android,chrome,ie6,ie7,firefox,safari) 에서 네이버에 접속을 하게 되는 경우 www.naver.com 이라고 치면 페이지가 뜨는데, 우선 과정을 세밀하게 나누서 보겠습니다.

1. 내 컴퓨터에서 www.naver.com url 입력

2. 네이버 홈페이지 웹서버에 123.456.789.000 이라는 ip에서 페이지에서 메인페이지 전송을 요청을 하는데, 크롬브라우저 35버전, PC컴퓨터, 윈도우 운영체제에서 화면사이즈 1024*768를 가진 기기에서 요청을 한다는것을 전송합니다.

3. 그럼 web server에서 해당 컴퓨터에 최적화된 html 코드를 보내줍니다.

4. 브라우저에서는 해당 코드를 분석해서 이미지, 플래시 등을 받아오고 화면에 뿌려줍니다.

이러한 과정으로 진행이 된다고 보시면 되는데, 우리가 모르는 사이에 상당히 다양한 정보가 왔다갔닥 하지요~

Mozilla/5.0 (iPad; U; CPU OS 3_2_1 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Mobile/7B405

사용자 에이전트는 위처럼 브라우저 버전, 기종, OS 등의 정보를 말합니다.

쉽게 말해서 신분증과 같은 기능으로 웹사이트에 접속하면서 내 기기의 정보를 제공한다고 보시면 됩니다.

 

티스토리 블로그 마크쿼리 반응형웹 스킨으로 교체-장단점과 유의사항

반응형 웹 디자인(responsive web design) 개발이란 무엇이고, 왜 만들며, 어떤식으로 구현할까?

우리가 보내준 userAgent 정보를 가지고, 웹서버는 개발자에 따라서 다양한 방법을 선택합니다.

1. 기종별로 다른 주소로 보내버리기(네이버, 다음)

2 기종별로 다른 html 코드를 보내버리기(요즘에는 잘 사용하지 않는듯)

3. 기종에 상관없이 같은 코드를 보내고 브라우저에서 처리하기(반응형웹 스킨)

뭐 자세한것은 일반인은 알 필요는 없겠지만, 보통은 1번으로 처리를 합니다.

www.naver.com을 스마트폰이나 테블릿에서 요청을 하는 경우 m.naver.com으로 주소를 변경해서 보내버립니다.

현재 이 블로그의 경우에는 3번 방식을 이용하는 반응형 웹 스킨입니다.

 

사용자 에이전트(User Agent, UA) 변경하는 방법

뭐 해커나 컴퓨터 전문가라면 쉽게 조작을 해서 할수도 있지만, 일반적으로 User Agent(이하 UA)를 변경을 지원하는 브라우저를 사용하시면 됩니다.

iphone 기본 브라우저인 사파리나 android 기본 브라우저에서는 지원을 하지 않기때문에 별도의 앱을 설치해야 합니다.

개인적으로는 기본브라우저는 모바일 용으로 사용을 하고, dolphon browser을 데스크톱 용으로 사용을 하고 있습니다.

가로세로 모드 전환으로 스마트폰에서 데스크톱 화면 넓게 보는 방법

물론 가로모드, 세로모드 전환(화면 회전 기능)을 통해서 옆으로 돌려서 보시면 스마트폰에서도 왠만큼 보시는데는 지장이 없습니다.

돌핀 브라우저(Dolphin Browser)를 이용하는 방법

돌핀브라우저 설정에서 데스크톱 모드 변경하는 방법

이건 돌핀 브라우저인데, 안드로이드, 아이폰, 아이패드 무료 무료 앱인데, 설정에서 desktop mode를 켜주시면 UA를 변경해서 PC에서 접속한것처럼 UA를 변경해 줍니다.

안드로이드 마켓 돌핀 브라우저 설치 사이트

아이폰 앱스토어 돌핀 브라우저 설치 사이트

태블릿은 별로의 앱을 다운로드 받으셔야 합니다.

안드로이드 돌핀 브라우저에서 user agent 변경하는 방법

안드로이드 돌핀브라우저에서는 android(default), desktop, iphone, ipad, custom 등 다양한 설정을 지원하네요~

돌핀브라우저(Dolphin Browser HD) 북마크 동기화 기능으로 안드로이드, 아이폰, 아이패드간에 북마크 공유하는 방법

돌핀 브라우저(Dolphin Browser HD), 아이패드용 편의성이 돋보이는 인터넷 브라우저

돌핀 브라우저, 다양한 기능의 스마트폰용 추천 인터넷브라우져 사용기 리뷰

개인적으로 즐겨찾기 기능이 너무 편리해서 자주 사용하는 추천 프로그램인데, 한번 꼭 사용해보시면 좋으며, 특히나 스마트폰에서 특정 즐겨찾기 페이지를 자주 들어가시는 경우 강력추천입니다~

안드로이드 돌핀 브라우저 설치시 수행방법으로 user agent 변경하는 방법

테스트로 삼성 갤럭시 S2에서 돌핀 브라우저를 설치를 했더니 시작시에 위처럼 물어보는데, 수행방법을 데스트톱으로 바꾸어 주시면 됩니다.

스마트폰 브라우저에서 user agent변경으로 데스크톱 화면에 접속하는 방법

그러면 앞으로 돌핀브라우저에서 naver.com을 입력하시면 이렇게 PC에서 보던 화면이 출력이 됩니다.

그리고 ua를 변경해도 m.naver.com 으로 접속하면 모바일 페이지도 사용이 가능합니다.

직접 찍어본 동영상인데, 헷갈리시면 참고해 보시길 바라겠습니다.

 

퍼핀 브라우저(Puffin browser)를 이용하는 방법

퍼핀 브라우저에서도 지원이 가능한데, 이 브라우저는 플래시도 지원을 하는 앱인데, 유료앱과 무료앱이 별로도 있습니다.

물론 무료앱을 사용하셔도 UA를 변경해 사용하시는데는 지장이 없습니다.

퍼핀 브라우저 설정으로 사용자 에이전트 변경하는 방법

한글도 지원을 잘해주는데, 설정에서 사용자 에이전트를 데스크톱으로 변경해 주시면 됩니다.

이 브라우저의 또 하나의 특징은 wi-fi, LET, 3G 등으로 접속을 해서 사이트에 접속을 하면 ip주소를 다른곳으로 변경을 해주는 독특한 기능도 지원합니다.

이것도 동영상을 찍어봤으니 참고해 보시길 바라겠습니다.

 

머큐리 브라우저(Mercury Browser)를 이용하는 방법

머큐리에서도 지원을 해주는데, 아이폰, 안드로이드 모두 무료입니다.

머큐리 브라우저 설정에서 사용자 에이전트 변경하는 방법

이 브라우저는 브라우저와 OS까지 조작 변경이 가능하네요~

 

 

 

PC컴퓨터에서 모바일 User Agent로 변경하는 방법

이것도 가능한데, 사파리 브라우저에서 개발자모드로 들어가시면 기본적으로 지원을 해줍니다

이것도 동영상을 참고해 보시길 바라겠습니다.

Apple Safari 애플 사파리 윈도우용 브라우저 설치파일 다운로드 사이트 주소(Windows용 iCloud 제어판 setup file)

 

구글 크롬 브라우저에서는 확장프로그램이나 플러그인 설치를 하시면 가능하다고 하는데, 제가 해보지를 않았습니다.

 

컴퓨터에서 다양한 스마트폰 기종별 화면 확인하는 방법

다음 트로이 서비스로 PC에서 다양한 스마트폰별 화면 확인하는 방법

다음 트로이(Daum Troy), 반응형웹을 모바일 스마트폰 기종별로 화면을 확인하는 방법의 사이트

daum에서 나온 트로이라는 서비스가 있는데, url 주소를 넣으면 다양한 스마트폰 기종별로 어떻게 보여지는지를 확인할수 있는데, 아마 이것도 UA를 변경하는 방식이 아닐까 싶습니다.

 

아주 자주 사용하는것은 아니지만, 갑자기 종종 외부에서 사용해야 되는 경우가 있는데, 위에서 소개한 브라우저 무료 앱중에 하나 정도를 스마트폰에 설치해 두셨다가 필요하실때 요긴하게 사용해 보시면 어떨까 싶습니다.

댓글 남기기