Implémentation Javascript pour obtenir la version du navigateur et les compétences type_javascript du navigateur-js tutoriel-php.cn

Implémentation Javascript pour obtenir la version du navigateur et les compétences type_javascript du navigateur

WBOY

Libérer： 2016-05-16 15:27:55

original

1680 Les gens l'ont consulté

J'ai trouvé un meilleur code sur Internet qui utilise JavaScript pour déterminer le navigateur et la version du navigateur. Je vais l'enregistrer ici :

<script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) &#63; Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) &#63; Sys.firefox = s[1] :
    (s = ua.match(/chrome\/([\d.]+)/)) &#63; Sys.chrome = s[1] :
    (s = ua.match(/opera.([\d.]+)/)) &#63; Sys.opera = s[1] :
    (s = ua.match(/version\/([\d.]+).*safari/)) &#63; Sys.safari = s[1] : 0;

    //以下进行测试
    if (Sys.ie) document.write('IE: ' + Sys.ie);
    if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
    if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
    if (Sys.opera) document.write('Opera: ' + Sys.opera);
    if (Sys.safari) document.write('Safari: ' + Sys.safari);
</script>

Copier après la connexion

Encapsulez le code ci-dessus dans une méthode. La méthode renvoie un objet Sys. L'objet Sys encapsule les informations sur le type et la version du navigateur, comme suit :

function getBrowserInfo(){
  var Sys = {};
  var ua = navigator.userAgent.toLowerCase();
  var re =/(msie|firefox|chrome|opera|version).*&#63;([\d.]+)/;
  var m = ua.match(re);
  Sys.browser = m[1].replace(/version/, "'safari");
  Sys.ver = m[2];
  return Sys;
}

Copier après la connexion

Lorsque vous avez besoin d'obtenir des informations sur le type et la version du navigateur, vous pouvez utiliser la méthode getBroserInfo, comme suit :

 <script type="text/javascript">
     //获取当前的浏览器信息
     var sys = getBrowserInfo();
     //sys.browser得到浏览器的类型，sys.ver得到浏览器的版本
     document.write(sys.browser + "的版本是：" + sys.ver);
 </script>

Copier après la connexion

Le code complet du test est le suivant :

<!DOCTYPE HTML>
<html>
 <head>
  <title>JavaScript获取浏览器类型与版本</title>
  <script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) &#63; Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) &#63; Sys.firefox = s[1] :
    (s = ua.match(/chrome\/([\d.]+)/)) &#63; Sys.chrome = s[1] :
    (s = ua.match(/opera.([\d.]+)/)) &#63; Sys.opera = s[1] :
    (s = ua.match(/version\/([\d.]+).*safari/)) &#63; Sys.safari = s[1] : 0;

    //以下进行测试
    if (Sys.ie) document.write('IE: ' + Sys.ie);
    if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
    if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
    if (Sys.opera) document.write('Opera: ' + Sys.opera);
    if (Sys.safari) document.write('Safari: ' + Sys.safari);
  </script>
  <script type="text/javascript">
    function getBrowserInfo(){
      var Sys = {};
      var ua = navigator.userAgent.toLowerCase();
      var re =/(msie|firefox|chrome|opera|version).*&#63;([\d.]+)/;
      var m = ua.match(re);
      Sys.browser = m[1].replace(/version/, "'safari");
      Sys.ver = m[2];
      return Sys;
    }
    document.write('<hr/>');
    //获取当前的浏览器信息
    var sys = getBrowserInfo();
    //sys.browser得到浏览器的类型，sys.ver得到浏览器的版本
    document.write(sys.browser + "的版本是：" + sys.ver);
  </script>
 </head>
 
 <body>
  
 </body>
</html>

Copier après la connexion

Résultat de l'exécution :

Résultats des tests sous navigateur IE :

Résultats des tests sous navigateur Google :

Résultats des tests sous Firefox :

Ce qui précède est le code détaillé pour l'implémentation de javascript pour obtenir la version et le type du navigateur, qui est effectué pour navigateur IE, navigateur Firefox, Google navigateur Le test a été très réussi. Vous pouvez l'essayer.