[JavaScript] 현재 브라우저 버전 체크하기 (ft. navigator.userAgent)

언제 사용될지는 모르겠지만

나 같은 경우는 Edge 버전을 체크하는데 사용하였다.

Edge역시 구버전 신버전(Chromium)이 존재하는데 이 역시 사용 가능한 함수들이 다르기때문에 체크해주었다.

 

일단 현재 브라우저 버전 체크에 사용되는 navigator.userAgent를 예제를 통해 살펴보자.

 

▶예제1) 브라우저 별 navigator.userAgnet

▷ IE (익스플로러) 
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko

▷ Edge (엣지)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36 Edg/89.0.774.50

▷ Chrome (크롬) 
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36

▷ Firefox (파이어폭스) 
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:43.0) Gecko/20100101 Firefox/43.0

 

▶예제2) Edge 버전 체크하기 function

(출처 : bytenota.com/javascript-detect-and-get-the-current-version-of-microsoft-edge/)

function isMicrosoftEdgeBrowser(userAgent) {
    if ((userAgent.indexOf('chrome') !== -1) 
            && (userAgent.indexOf('edg') !== -1)) {
        return true;
    }
    return false;
}

function getMicrosoftEdgeBrowserVersion() {
    var version = null;
    var userAgent = navigator.userAgent.toLowerCase();
    if (isMicrosoftEdgeBrowser(userAgent)) {
        var matches = userAgent.match(/edg\/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+)/);
        if (matches) {
            version = matches[1];
        }
    }
    return version;
}

Edge에서 위 예제에서 선언해준 getMicrosoftEdgeBrowserVersion() 을 실행해주면 다음과 같이 나온다.