[JS] navigator.userAgent , 모바일/PC 구분 법

hyewon jeong·2024년 11월 28일

JavaScript

목록 보기
3/3

HTML 의 dom 구조 중
navigator 은 사용자의 에이전트 상태 및 id 를 반환하는 객체이다.

🎈 1. 모바일 / pc 구분법

const userAgent = navigator.userAgent;
 console.log("userAgent",userAgent); //userAgent Mozilla/5.0 (iPhone; CPU iPhone OS 13_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/131.0.0.0 Mobile/15E148 Safari/604.1

📍 1-1. PC로 원하는 모바일로 브라우저 설정 후 확인 법

웹-[개발자도구]-우측상단 점3개 클릭 - 도구 더보기 - [네트워크조건] 클릭

사용자 에이전트 의 '브라우저 기본값 사용' 체크 박스 해제 후 원하는 운영체제 또는 모바일 설정 후

const userAgent = navigator.userAgent;
 console.log("userAgent",userAgent); //userAgent Mozilla/5.0 (iPhone; CPU iPhone OS 13_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/131.0.0.0 Mobile/15E148 Safari/604.1

하게 되면 콘솔창에서 확인가능하다.

profile
개발자꿈나무

0개의 댓글