获取当前使用的浏览器与操作系统

来源:http://tympanus.net/codrops/2009/08/30/javascript-browser-detection/
Here is some very useful javascript for detecting the browser that is accessing a page:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
var BrowserDetect = {
     init: function () {
         this .browser = this .searchString( this .dataBrowser) || "An unknown
browser" ;
         this .version = this .searchVersion(navigator.userAgent)
             || this .searchVersion(navigator.appVersion)
             || "an unknown version" ;
         this .OS = this .searchString( this .dataOS) || "an unknown OS" ;
     },
     searchString: function (data) {
         for ( var i=0;i<data.length;i++)    {
             var dataString = data[i].string;
             var dataProp = data[i].prop;
             this .versionSearchString = data[i].versionSearch ||
data[i].identity;
             if (dataString) {
                 if (dataString.indexOf(data[i].subString) != -1)
                     return data[i].identity;
             }
             else if (dataProp)
                 return data[i].identity;
         }
     },
     searchVersion: function (dataString) {
         var index = dataString.indexOf( this .versionSearchString);
         if (index == -1) return ;
         return
parseFloat(dataString.substring(index+ this .versionSearchString.length+1));
     },
     dataBrowser: [
         {
             string: navigator.userAgent,
             subString: "Chrome" ,
             identity: "Chrome"
         },
         {
             string: navigator.userAgent,
             subString: "OmniWeb" ,
             versionSearch: "OmniWeb/" ,
             identity: "OmniWeb"
         },
         {
             string: navigator.vendor,
             subString: "Apple" ,
             identity: "Safari" ,
             versionSearch: "Version"
         },
         {
             prop: window.opera,
             identity: "Opera"
         },
         {
             string: navigator.vendor,
             subString: "iCab" ,
             identity: "iCab"
         },
         {
             string: navigator.vendor,
             subString: "KDE" ,
             identity: "Konqueror"
         },
         {
             string: navigator.userAgent,
             subString: "Firefox" ,
             identity: "Firefox"
         },
         {
             string: navigator.vendor,
             subString: "Camino" ,
             identity: "Camino"
         },
         {        // for newer Netscapes (6+)
             string: navigator.userAgent,
             subString: "Netscape" ,
             identity: "Netscape"
         },
         {
             string: navigator.userAgent,
             subString: "MSIE" ,
             identity: "Explorer" ,
             versionSearch: "MSIE"
         },
         {
             string: navigator.userAgent,
             subString: "Gecko" ,
             identity: "Mozilla" ,
             versionSearch: "rv"
         },
         {         // for older Netscapes (4-)
             string: navigator.userAgent,
             subString: "Mozilla" ,
             identity: "Netscape" ,
             versionSearch: "Mozilla"
         }
     ],
     dataOS : [
         {
             string: navigator.platform,
             subString: "Win" ,
             identity: "Windows"
         },
         {
             string: navigator.platform,
             subString: "Mac" ,
             identity: "Mac"
         },
         {
             string: navigator.platform,
             subString: "Linux" ,
             identity: "Linux"
         }
     ]
 
};
 
BrowserDetect.init();

Add that to you JavaScript in the header of your html.

Example of usage in an alert:

1
alert( "Browser is : " + BrowserDetect.browser);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值