navigator.userAgent Edge(엣지) 브라우저 버전 확인

navigator

navigator 객체는 브라우저 공급자 및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체입니다.

 

종류	설명
navigator.appCodeName	브라우저의 코드명을 반환합니다.
navigator.appName	브라우저의 이름을 반환합니다.
navigator.appVersion	브라우저의 버전을 반환합니다.
navigator.cookieEnabled	브라우저의 쿠키 사용 가능 여부를 반환합니다.
navigator.language	브라우저에서 사용되는 언어를 반환합니다.
navigator.onLine	브라우저가 온라인인지 여부를 반환합니다.
navigator.platform	브라우저가 실행되는 플랫폼 정보를 반환합니다.
navigator.product	브라우저에서 사용되는 엔진 이름을 반환합니다.
navigator.userAgent	브라우저와 운영체제 정보를 반환합니다.

 

 

그 중 navigator.userAgent는 사용 중인 브라우저의 종류와 버전 정보를 갖고 있습니다.

아래와 같이 브라우저의 상세 정보를 확인 할 수 있습니다.

 

navigator.userAgent 프로퍼티를 이용해서 현재 사용 중인 edge 브라우저의 버전만 추출 할 수 있습니다.

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

console.log(getMicrosoftEdgeBrowserVersion());

 

 

navigator.userAgent 프로퍼티를 이용해서 현재 사용 중인 브라우저가 edge 인지 아닌지 판별 할 수 있습니다.

const isMicrosoftEdgeBrowser = () => {
    const userAgent = navigator.userAgent.toLowerCase();
    if ((userAgent.indexOf('chrome') > -1) 
            && (userAgent.indexOf('edg') > -1)) {
        return true;
    }
    return false;
}

console.log(isMicrosoftEdgeBrowser())