[JS] javascript navigator객체를 사용하여 현재 사용중인 브라우저의 종류와 버전을 알아보자.

 

 

 

 

코드만 필요한 사람은 아래 코드를 갖다가 쓰도록 하자.

 

브라우저의 종류 및 버전 확인

<script>
    var userAgent = window.navigator.userAgent.toLowerCase();
    var bwName;
    var version;
    switch (true) {
        case userAgent.indexOf("edge") > -1: 
            bwName = "MS Edge"; // MS 엣지
            version = userAgent.match(/edge\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        case userAgent.indexOf("edg/") > -1: 
            bwName = "Edge (chromium based)"; // 크롬 기반 엣지
            version = userAgent.match(/edg\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        case userAgent.indexOf("opr") > -1 && !!window.opr: 
            version = userAgent.match(/opr\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            bwName = "Opera"; // 오페라
            break;
        case userAgent.indexOf("chrome") > -1 && !!window.chrome: 
            bwName = "Chrome"; // 크롬
            version = userAgent.match(/chrome\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        case userAgent.indexOf("trident") > -1: 
            bwName = "MS IE"; // 익스플로러
            version = userAgent.match(/trident\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        case userAgent.indexOf("firefox") > -1: 
            bwName = "Mozilla Firefox"; // 파이어폭스
            version = userAgent.match(/firefox\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        case userAgent.indexOf("safari") > -1: 
            bwName = "Safari"; // 사파리
            version = userAgent.match(/safari\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/)[1];
            break;
        default: 
            bwName = "other"; // 기타
    }
    alert("현재 사용중인 브라우저는" + bwName + "이며 버전은" + version + "입니다!!");
</script>

 

위의 코드 실행결과는 아래와 같다.. ( 크롬이랑 엣지밖에 설치되어 있지 않아, 2개로만 테스트 해봄.. )

해당 코드를 사용하려는 사람은 가져다 쓰되, 반드시 설정에서 실제 버전과 맞는 지 확인 하길 바람!

 

크롬

 

 

엣지