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

————————————————
版权声明:本文为CSDN博主「tea_year」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zhangchen124/article/details/104871170
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值