반응형
언제 사용될지는 모르겠지만
나 같은 경우는 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() 을 실행해주면 다음과 같이 나온다.
반응형
댓글