[자바스크립트] javascript 공통함수(3) 브라우저 확인하기

javascript 공통함수(3) 브라우저 확인하기

---

안녕하세요? 장장스입니다.

오늘은 공통함수 정리 브라우저 정보 확인하는 함수 입니다.

 

 

getBrowser()

---

 

@param 

@return {String}

@설  명: 브라우저 종류를 반환한다.

getBrowser = function(){ 

    var userAgent=navigator.userAgent.toLowerCase();

    if (
        userAgent.indexOf('edge')>-1){return 'edge';
    } else if(userAgent.indexOf('whale')>-1){return 'whale';}
    else if(userAgent.indexOf('chrome')>-1){return 'chrome';}
    else if(userAgent.indexOf('firefox')>-1){return 'firefox';}
    else{return 'msie';}
        
}

 

사용 예

getBrowser(); //chrome

 

getBrowserVersion()

---

@param 

@return {String}

@설  명: 브라우저 버전을 반환한다.

getBrowserVersion = function(){  

        let userAgent = navigator.userAgent.toLowerCase();


        let version = userAgent.substring(userAgent.indexOf(util.getBrowser()), userAgent.length);

        let arr = version.split(' ');

        for(var i=0 ; i<arr.length ; i++){
            if(arr[i].indexOf(this.getBrowser()) != -1 ) return arr[i].substring(arr[i].indexOf('/')+1, arr[i].length);
            else if(util.getBrowser() == "msie"){
                return get_version_of_IE();
            }
            else return "not found version info";
        }
       
        
     }

// msie는 버전 구분
get_version_of_IE  = function  () { 

    var word; 
    var agent = navigator.userAgent.toLowerCase(); 

    // IE old version ( IE 10 or Lower ) 
    if ( navigator.appName == "Microsoft Internet Explorer" ) word = "msie "; 
    // IE 11 
    else if ( agent.search( "trident" ) > -1 ) word = "trident/.*rv:"; 
    // Microsoft Edge  
    else if ( agent.search( "edge/" ) > -1 ) word = "edge/"; 
    // 그외, IE가 아니라면 ( If it's not IE or Edge )  
    else return -1; 
    var reg = new RegExp( word + "([0-9]{1,})(\\.{0,}[0-9]{0,1})" );  
    if (  reg.exec( agent ) != null  ) return parseFloat( RegExp.$1 + RegExp.$2 ); 

    return -1; 
} 

 

사용 예

getBrowserVersion();   //80.0.3987.122 <== 크롬
                       //2.6.90.18     <== 웨일
                       //18.18362      <== 엣지

 

 

 

 

 

 

 

Post

---

• 연관 포스트1
• 연관 포스트2
• 연관 포스트3

References

---

• 어디서 찾았는데.. 주소를...;;

 

 

---

잘못된 코드나 내용이 있다면 댓글을 남겨주세요. 즉시 수정하도록 하겠습니다! :)