웹페이지에 접속하면 서버가 보내는 응답은 여러 요소에 따라 달라집니다. 사용 중인 운영체제(Windows, Linux, Mac 또는 모바일), 브라우저 종류(Firefox, Chrome, Safari 등), 그리고 시스템 아키텍처(x86, x64 등)를 확인하는데요. 이러한 정보는 웹 개발자가 페이지를 최적화하는 데 활용되며, 현대적인 웹 경험의 핵심적인 부분입니다.
이 모든 것은 브라우저 내부의 '사용자 에이전트(User Agent)'를 읽는 방식으로 이루어집니다. 사용자 에이전트는 일종의 신분증과 같아서, 사이트가 방문자의 구체적인 정보를 파악하고 그에 맞게 페이지를 제공할 수 있도록 해줍니다. 모바일 기기로 접속했다고 알리는 브라우저는 데스크톱과 다른 형태의 사이트를 받게 되죠. 예를 들어 메뉴는 터치하기 쉽게 배치되고, 텍스트는 더 간결하고 읽기 편하게 정리됩니다.
평소에는 이러한 사용자 에이전트 데이터 교환을 사용자가 인지하지 못합니다. 하지만 개발자뿐 아니라 일반 사용자도 사용자 에이전트를 변경해 다양한 플랫폼 환경을 테스트하거나, 자신의 브라우저 정보를 감출 수 있습니다.
참고: 사용자 에이전트를 변경한다고 해서 인터넷에서 완전히 익명이 되는 것은 아닙니다. 브라우저에는 고유한 핑거프린트(지문) 정보가 있으며, 사용자 에이전트는 그중 하나의 요소일 뿐입니다.
엣지(Edge)에서 사용자 에이전트 변경하기
주요 브라우저마다 사용자 에이전트를 바꿔 주는 플러그인과 확장 프로그램이 다양하게 존재하지만, 별도 설치 없이 브라우저 자체 기능만으로도 충분히 가능합니다.
엣지에서 아무 페이지나 연 뒤 F12 키를 눌러 개발자 도구를 엽니다.
'에뮬레이션(Emulation)' 탭으로 이동해 '사용자 에이전트 문자열 목록'을 찾습니다. 여기서 원하는 브라우저처럼 동작하도록 엣지를 설정할 수 있으며, 페이지가 실시간으로 새로고침되므로 손쉽게 테스트할 수 있습니다.
크롬(Chrome)에서 사용자 에이전트 변경하기
엣지와 마찬가지로 크롬 역시 개발자 도구 안에서 사용자 에이전트를 변경할 수 있습니다. 다만 진입 과정이 조금 더 복잡합니다.
브라우저를 열고 오른쪽 상단의 메뉴 버튼을 클릭한 후, '도구 더보기' → '개발자 도구' 순서로 진입합니다. 단축키 Ctrl + Shift + I를 눌러도 됩니다.
개발자 도구 창이 열리면 '네트워크(Network)' 탭을 선택하고, 세로로 늘어선 점 세 개(⋮) 메뉴를 클릭합니다. 드롭다운 메뉴에서 '도구 더보기' → '네트워크 상태(Network conditions)'를 선택하세요. 그러면 '자동 선택' 체크박스를 해제하고 원하는 사용자 에이전트를 직접 지정할 수 있습니다.
엣지와 마찬가지로 이 설정은 해당 탭에만 적용되며, 개발자 도구 창이 열려 있는 동안에만 유지됩니다.
파이어폭스(Firefox)에서 사용자 에이전트 변경하기
파이어폭스에서도 사용자 에이전트를 변경할 수 있습니다. 브라우저 주소창에 about:config를 입력하고 접속하세요. 경고 화면이 나타나지만, 설정을 함부로 건드리지만 않는다면 안전하게 진행할 수 있습니다.
검색창에 다음 값을 입력해 찾습니다:
general.useragent.override
만약 'general.useragent.override' 값이 존재하지 않는다면 직접 생성하면 됩니다. about:config 페이지에서 마우스 오른쪽 버튼을 클릭하고 컨텍스트 메뉴에서 '새로 만들기 → 문자열(String)'을 선택한 뒤, 이름을 'general.useragent.override'로 입력하고 Enter를 눌러 저장합니다.
이제 원하는 사용자 에이전트 문자열을 입력하면 됩니다. 몇 가지 예시는 다음과 같습니다.
리눅스용 크롬:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
마이크로소프트 엣지:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586
인터넷 익스플로러:
Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; AS; rv:11.0) like Gecko
물론 인터넷에서 다른 사용자 에이전트 문자열을 검색해 활용할 수도 있습니다.
확장 프로그램으로 더 간편하게
브라우저 설정을 직접 수정하는 것이 부담스럽다면, 클릭 몇 번으로 사용자 에이전트를 전환해 주는 애드온이나 확장 프로그램을 활용하는 방법도 있습니다. 브라우저별로 종류가 다르지만, 크롬과 파이어폭스에서 잘 작동하는 두 가지를 소개합니다.
먼저 크롬용으로는 'User Agent Switcher'를 추천합니다. 성능이 좋을 뿐 아니라 구글이 직접 소유하고 관리하는 확장 프로그램이라 안전성 면에서도 믿음직합니다.
파이어폭스의 경우 예전에는 Chris Pederick의 'User Agent Switcher'를 권했지만, 아쉽게도 개발자가 Firefox Quantum 이후로 업데이트를 중단했습니다. 대신 Linder가 만든 같은 이름의 'User Agent Switcher' 애드온이 있습니다. 리뷰는 대체로 긍정적이지만, 직접 사용해 보지 않아 정확성까지는 보증하기 어렵습니다. 다만 이 글을 작성하는 시점 기준으로 파이어폭스 추천(Featured) 확장 프로그램에 선정되어 있으니, 안전성에 대한 우려를 어느 정도 덜어도 좋겠습니다.
사용자 에이전트 변경은 특히 웹 개발자에게 유용한 도구입니다. 여러분도 사용자 에이전트를 변경해 본 적이 있다면, 어떤 이유였는지 댓글로 알려주세요.