Quelltext der Datei: http://www.michaelster.ch/jsTestFolder/NavigatorCheck.match.browser.html

Dateigrösse: 1.84 kb

[Anzeige ohne Zeilennummern]


 1 <!DOCTYPE html>
 2 <html lang="de">
 3 <head>
 4     
 5     <meta charset="utf-8">
 6     <!-- june 2017 -->
 7     <title>NavigatorCheckJS based on jQuery</title>
 8         
 9     <meta name="description" content="browser check, useragent, ua check">
10     <meta name="keywords" content="browser, name, version, useragent, ua check">
11     <meta name="author" content="Michaelster">
12 
13 <style>
14     body     { font: 20pt georgia,times,sans-serif; padding: 5pt; margin:40pt; background-color: #fff; }
15     .main     { padding: 3pt 5pt; background: #bfbfbf; border:1pt solid #333; border-radius:5px; box-shadow: .2em .2em .3em rgba(0, 0, 0, .8); }
16     .capitalize { text-transform: capitalize; }
17 </style>
18 
19 <script>
20 var matched, browser;
21 
22 uaMatch = function(ua) 
23 {
24   if ( ua === undefined ) {
25     ua = window.navigator.userAgent;
26   }
27   ua = ua.toLowerCase();
28 
29   var match = /(edge)\/([\w.]+)/.exec( ua ) ||
30         /(opr)[\/]([\w.]+)/.exec( ua ) ||
31         /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
32         /(version)(applewebkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
33         /(webkit)[ \/]([\w.]+).*(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
34         /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
35         /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
36         /(msie) ([\w.]+)/.exec( ua ) ||
37         ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec( ua ) ||
38         ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
39         [];
40 
41   return {
42     browser: match[ 5 ] || match[ 3 ] || match[ 1 ] || "",
43     version: match[ 2 ] || match[ 4 ] || "0"
44   }
45 }
46 
47 matched = uaMatch( navigator.userAgent );
48 
49 document.write('<span class="main"><span class="capitalize">' + matched.browser + '</span> v.' + parseInt( matched.version, 10) + '</span>');
50 
51 </script>
52 
53 </head>
54 
55 
56 <body>
57 
58 <!--
59 -->
60 </body>
61 </html>
62