• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Window_Navigator] JS - appName 속성 - 브라우저명 반환 (= appName속성 = 앱네임속성) ※ 브라우저이름 확인 ※ 인터넷익스플로러로 접속 시 특정페이지로 보내기

목차
  1. appName 예제 - 브라우저명 반환
  2. appName 정의
  3. appName 구문
  4. appName 예제 - 브라우저 각종 정보 확인
  5. appName 예제 - IE로 접속 시 특정페이지로 보내기

 

appName 예제 - 브라우저명 반환

 

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = "브라우저명: " + navigator.appName;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

 

appName 정의

 

브라우저명 반환

 


 

1.

결과값은 브라우저마다 다름.

  • IE11, Firefox, Chrome, Safari ─ "Netscape" 반환.
  • IE 10 및 이전 버전 ─ "Microsoft Internet Explorer" 반환
  • Opera ─ "Opera" 반환.

 

2.

  • navigator 객체에 속함.
  • 읽기 전용 속성.


3.
모든 최신브라우저 지원.

 

 

appName 구문

 

navigator.appName

 

 

appName 예제 - 브라우저 각종 정보 확인

 

<div id="demo"></div>


<script>

var txt = "";

txt += "Browser 코드명 (appCodeName): " + navigator.appCodeName + "<hr>";

txt += "Browser 이름 (appName): " + navigator.appName + "<hr>";

txt += "Browser 버전 (appVersion): " + navigator.appVersion + "<hr>";

txt += "Cookies 사용여부 (cookieEnabled): " + navigator.cookieEnabled + "<hr>";

txt += "Browser 언어 (language): " + navigator.language + "<hr>";

txt += "Browser 온라인 (onLine): " + navigator.onLine + "<hr>";

txt += "플랫폼 (platform): " + navigator.platform + "<hr>";

txt += "User-agent header (userAgent): " + navigator.userAgent + "<hr>";


document.getElementById("demo").innerHTML = txt;

</script>

 

결과보기

 

appName 예제 - IE로 접속 시 특정페이지로 보내기

 

<script>

if(navigator.appName.indexOf("Internet Explorer")!=-1 || navigator.userAgent.match(/Trident.*rv[ :]*11\./)) {

    window.location = "https://homzzang.com"; 

}

</script>

 

우다다다 님 (230120) https://sir.kr/qa/487316 


분류 제목
DOM_Style JS - borderImage 속성 - 테두리이미지 설정/반환 (= borderImage속성 = 보더이미지속…
DOM_Style JS - borderImageOutset -
DOM_Style JS - borderImageRepeat -
DOM_Style JS - borderImageSlice -
DOM_Style JS - borderImageSource -
DOM_Style JS - borderImageWidth -
DOM_Style JS - borderLeft -
DOM_Style JS - borderLeftColor -
DOM_Style JS - borderLeftStyle -
DOM_Style JS - borderLeftWidth -
DOM_Style JS - borderRadius 속성 ★ - 테두리 둥글게 설정/반환 = 둥근 테두리 = 보더레이디어스 속성…
DOM_Style JS - borderRight -
DOM_Style JS - borderRightColor -
DOM_Style JS - borderRightStyle -
DOM_Style JS - borderRightWidth -
DOM_Style JS - borderSpacing 속성 - 테이블의 셀 간 간격 설정/반환 (= borderSpacing속성…
DOM_Style JS - borderStyle 속성 - 테두리스타일
DOM_Style JS - borderTop 속성 - 테두리상단 (= 상단테두리)
DOM_Style JS - borderTopColor -
DOM_Style JS - borderTopLeftRadius -
44/67
목록
찾아주셔서 감사합니다. Since 2012