suchen

Heim >Web-Frontend >js-Tutorial >Javascript-Implementierung zum Erwerb von Browserversions- und Browsertyp-_Javascript-Kenntnissen

Javascript-Implementierung zum Erwerb von Browserversions- und Browsertyp-_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 15:27:551683Durchsuche

Ich habe einen besseren Code aus dem Internet gefunden, der JavaScript verwendet, um den Browser und die Browserversion zu ermitteln. Ich werde ihn hier aufzeichnen: 

<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>

Kapseln Sie den obigen Code in eine Methode. Die Methode gibt ein Sys-Objekt zurück. Das Sys-Objekt kapselt die Browsertyp- und Versionsinformationen wie folgt: 

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;
}

Wenn Sie Informationen zu Browsertyp und -version benötigen, können Sie die Methode getBroserInfo wie folgt verwenden: 

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

Der vollständige Testcode lautet wie folgt: 

<!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>

Laufergebnis:

Testergebnisse unter IE-Browser:

　

Testergebnisse im Google-Browser:

　

Testergebnisse unter Firefox:

Oben ist der detaillierte Code für die Javascript-Implementierung zum Abrufen der Browserversion und des Browsertyps, der für IE-Browser, Firefox-Browser, Google ausgeführt wird Browser Der Test war sehr erfolgreich. Du kannst ihn ausprobieren.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Erlernen Sie weiterhin Javascript-Closure_Javascript-FähigkeitenNächster Artikel：Erlernen Sie weiterhin Javascript-Closure_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen