Comment puis-je détecter de manière fiable la version d'un navigateur à l'aide de JavaScript ?

Détection de la version du navigateur : une solution complète

La détermination de la version d'un navigateur est cruciale pour optimiser la compatibilité et les fonctionnalités d'un site Web. Bien qu'il soit relativement simple d'identifier le type de navigateur, extraire la version spécifique peut être difficile.

Navigator.userAgent : une ressource précieuse

La propriété navigator.userAgent fournit une une mine d'informations sur le navigateur et son environnement. En tirant parti de cette propriété, vous pouvez obtenir des informations sur la version du navigateur.

Une fonction robuste pour décoder les informations de version

La fonction JavaScript suivante, navigator.sayswho, exploite le puissance de navigator.userAgent pour déchiffrer le type du navigateur et version :

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(' ');
})();

Exemple d'utilisation : identification de la version du navigateur

Pour illustrer la fonctionnalité de cette fonction, nous pouvons utiliser l'extrait suivant :

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

Conclusion

En incorporant le navigateur.sayswho fonction dans votre code, vous pouvez détecter efficacement la version d'un navigateur, vous fournissant les données nécessaires pour optimiser les performances de votre site Web et répondre aux capacités de navigateur spécifiques de vos utilisateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!