목차
navigator.userAgent 예제 - 사용자 브라우저 정보 반환
navigator.userAgent 정의
navigator.userAgent 구문
navigator.userAgent 예제 - navigator 관련 모든 속성 표시
navigator.userAgent 예제 - 브라우저별 분기 조건문
navigator.userAgent 예제 - 사용자 브라우저 정보 반환
<p id="demo"></p>
<script>
let agent = navigator.userAgent;
document.getElementById("demo").innerHTML = "사용자 브라우저 정보:<br>" + agent;
</script>
결과보기 (예) Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
navigator.userAgent 정의
브라우저에서 서버로 보낸 사용자 에이전트 헤더 반환.
(즉, 서버로 전달된 사용자 브라우저 식별 정보 를 반환.)
1.
navigator 객체에 속하는 읽기전용 (read-only) 속성임.
반환값에는 브라우저의 (이름/버전/플랫폼 등) 정보가 포함됨.
웹 사양에선 브라우저가 가능한 적은 헤더 정보를 제공해야 한다 제안.
이 속성이 향후 브라우저에서 변경되지 않을 거라고 여기지 말 것.
2. MDN navigator.userAgent 매뉴얼 보기
https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent
navigator.userAgent 구문
navigator.userAgent
navigator.userAgent 예제 - navigator 관련 모든 속성 표시
<div id="demo"></div>
<script>
let text = "<p>브라우저 코드명: " + navigator.appCodeName + "</p>" +
"<p>브라우저 이름: " + navigator.appName + "</p>" +
"<p>브라우저 버전: " + navigator.appVersion + "</p>" +
"<p>쿠기 활성화 여부: " + navigator.cookieEnabled + "</p>" +
"<p>브라우저 언어: " + navigator.language + "</p>" +
"<p>브라우저 온라인 여부: " + navigator.onLine + "</p>" +
"<p>플랫폼: " + navigator.platform + "</p>" +
"<p>브라우저 식별 정보: " + navigator.userAgent + "</p>";
document.getElementById("demo").innerHTML = text;
</script>
결과보기
navigator.userAgent 예제 - 브라우저별 분기 조건문
var agent = navigator.userAgent.toLowerCase ();
if(agent.indexOf ("chrome ") != -1) {
console.log("크롬");
}
if(agent.indexOf("safari ") != -1) {
console.log("사파리");
}
if(agent.indexOf("firefox ") != -1) {
console.log("파이어폭스");
}
if(agent.indexOf("Edge ") != -1) {
console.log("Edge");
}
// 모든 IE 브라우저 체크 (IE 11 포함)
if((navigator.appName == 'Netscape' && agent.indexOf('trident ') != -1) || (agent.indexOf("msie ") != -1)) {
console.log("IE (O)");
} else {
console.log("IE (X)");
}
(221213) https://mylife365.tistory.com/503
주소 복사
랜덤 이동
최신댓글