window.navigator.userAgent用来区分设备和浏览器

举报
tea_year 发表于 2021/12/23 00:19:06 2021/12/23
【摘要】 javascript的navigator对象 navigator为Window对象的一个属性,指向了一个包含浏览器相关信息的对象。navigatot中包含了一些常用到的属性,如    navigator.appVersion 浏览器的版本号  navigator.appName 浏览器的名称...

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)。

 

一些例子:

 

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


  
  1. function isWeiXin() {
  2. var ua = window.navigator.userAgent.toLowerCase();
  3. if (ua.match(/MicroMessenger/i) == 'micromessenger') {
  4. return true;
  5. } else {
  6. return false;
  7. }
  8. }

//判断苹果、安卓、pc


  
  1. if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
  2. window.location.href ="iPhone.html";
  3. } else if (/(Android)/i.test(navigator.userAgent)) { //判断Android
  4. window.location.href ="Android.html";
  5. } else { //pc
  6. window.location.href ="pc.html";
  7. };
  8. //正则表达式判断浏览器类型
  9. function userBrowser(){
  10. var browserName=navigator.userAgent.toLowerCase();
  11. if(/msie/i.test(browserName) && !/opera/.test(browserName)){
  12. alert("IE");
  13. return ;
  14. }elseif(/firefox/i.test(browserName)){
  15. alert("Firefox");
  16. return ;
  17. }elseif(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
  18. alert("Chrome");
  19. return ;
  20. }elseif(/opera/i.test(browserName)){
  21. alert("Opera");
  22. return ;
  23. }elseif(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
  24. alert("Safari");
  25. return ;
  26. }else{
  27. alert("unKnow");
  28. }
  29. }

文章来源: aaaedu.blog.csdn.net,作者:tea_year,版权归原作者所有,如需转载,请联系作者。

原文链接:aaaedu.blog.csdn.net/article/details/104871170

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。