JavaScript를 사용하여 브라우저 버전을 안정적으로 감지하려면 어떻게 해야 합니까?

브라우저 버전 감지: 종합 솔루션

웹사이트 호환성과 기능을 최적화하려면 브라우저 버전을 확인하는 것이 중요합니다. 브라우저 유형을 식별하는 것은 상대적으로 간단하지만 특정 버전을 추출하는 것은 어려울 수 있습니다.

Navigator.userAgent: 귀중한 리소스

navigator.userAgent 속성은 브라우저와 그 환경에 대한 풍부한 정보. 이 속성을 활용하면 브라우저 버전에 대한 통찰력을 얻을 수 있습니다.

버전 정보를 디코딩하는 강력한 기능

다음 JavaScript 함수인 navigator.sayswho는 브라우저 유형을 해독하는 navigator.userAgent의 기능과 버전:

navigator.sayswho = (function(){
    var ua= navigator.userAgent;
    var tem; 
    var M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
        return 'IE '+(tem[1] || '');
    }
    if(M[1]=== 'Chrome'){
        tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
    }
    M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
    return M.join(' ');
})();

사용 예: 브라우저 버전 식별

이 기능의 기능을 설명하기 위해 다음 스니펫을 활용할 수 있습니다.

console.log(navigator.sayswho); // outputs: `Chrome 62`

결론

By navigator.sayswho 기능을 코드에 통합하면 브라우저 버전을 효과적으로 감지하여 웹사이트 성능을 최적화하고 사용자의 특정 브라우저 기능을 충족하는 데 필요한 데이터를 제공할 수 있습니다.

위 내용은 JavaScript를 사용하여 브라우저 버전을 안정적으로 감지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!