안녕하세요, 뷰저블입니다.

혹시 특정 디바이스에서만 페이지 UI가 달라지거나, 다른 URL로 리다이렉트 되는 서비스를 분석하고 계신가요?

오늘은 여러분들께 "다양한 디바이스 환경을 재현하는 방법"을 소개해드리려고 합니다.

2가지 방법을 소개해드릴테니, 편하신 방법을 선택해 활용해 보세요! :)

공유드린 방법을 활용하시면, 서비스가 다양한 디바이스 환경에 최적화되어 있는 지를 분석하실 수 있습니다!

► 브라우저 해상도 변경하기: https://forum.beusable.net/ko/post/877

A. 확장 프로그램 설치하기

크롬에는 브라우저의 디바이스를 변경할 수 있는 확장 프로그램이 존재합니다.

확장 프로그램을 설치하고, 확인하고 싶은 디바이스와 관련된 Agent를 선택해 보세요!

B. 개발자 도구에서 변경하기

크롬에서 [F12] 키를 눌러서 개발자 도구를 엽니다. (맥(mac)인 경우, command + option + I(i) 버튼을 눌러주세요.)
개발자 도구 우측 상단에 점 3개 아이콘을 클릭하시고, '도구 더보기(More tools) > 네트워크 조건(Network conditions'을 클릭하세요.
사용자 에이전트의 '브라우저 기본값 사용'을 해지하시고, 드롭다운에서 원하시는 에이전트(디바이스)를 선택해 주세요.
페이지를 새로고침하면, 선택한 에이전트(디바이스)로 확인이 가능합니다.

오늘은 에이전트(디바이스)를 변경하는 방법 2가지를 공유드렸는데요, 쉽고 간편한 방법이라 숙지하시면 다방면에 도움이 되실 거에요! 서비스 분석이나 최적화 테스트에 활용해 보세요~ :)

그럼, 다음에 또 공유할 만한 정보를 들고 찾아뵙겠습니다!