navigator.userAgent获取浏览器信息(类型及系统)判断当前的设备

javascript的navigator对象

navigator为Window对象的一个属性，指向了一个包含浏览器相关信息的对象。navigatot中包含了一些常用到的属性，如

navigator.appVersion 浏览器的版本号

navigator.appName 浏览器的名称

navigator.language 浏览器使用的语言

navigator.platform 浏览器使用的平台

navigator.userAgent 浏览器的user-agent信息

其中userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。

一般来讲，它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。

例如：Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。

一些例子：

```javascript
//判断当前页面所在的环境是不是微信内置浏览器

function isWeiXin() {
 
var ua = window.navigator.userAgent.toLowerCase();
 
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
 
return true;
 
} else {
 
return false;
 
}
 
}
//判断苹果、安卓、pc

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
 
  window.location.href ="iPhone.html";
 
} else if (/(Android)/i.test(navigator.userAgent)) { //判断Android
 
  window.location.href ="Android.html";
 
} else { //pc
 
  window.location.href ="pc.html";
 
};
 
//正则表达式判断浏览器类型
 
function userBrowser(){   
 
var browserName=navigator.userAgent.toLowerCase();   
 
if(/msie/i.test(browserName) && !/opera/.test(browserName)){   
 
alert("IE");   
 
return ;   
 
}elseif(/firefox/i.test(browserName)){   
 
alert("Firefox");   
 
return ;   
 
}elseif(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){   
 
alert("Chrome");   
 
return ;   
 
}elseif(/opera/i.test(browserName)){   
 
alert("Opera");   
 
return ;   
 
}elseif(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){   
 
alert("Safari");   
 
return ;   
 
}else{   
 
alert("unKnow");   
 
    }   
 
}  
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

————————————————
版权声明：本文为CSDN博主「tea_year」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhangchen124/article/details/104871170
1
2
3
4