来源: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);
|