JS如何判断浏览器类型和详细区分IE各版本浏览器

今天用到JS判断浏览器类型，于是就系统整理了一下，便于后期使用。

 /* 
  * 描述：判断浏览器信息 
  * 编写：LittleQiang_w 
  * 日期：2016.1.5 
  * 版本：V1.1 
  */ 
 
 //判断当前浏览类型 
 function BrowserType() 
 { 
   var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
   var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 
   var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 
   var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器 
   var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 
   var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器 
   var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器 
 
   if (isIE)  
   { 
      var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); 
      reIE.test(userAgent); 
      var fIEVersion = parseFloat(RegExp["$1"]); 
      if(fIEVersion == 7) 
      { return "IE7";} 
      else if(fIEVersion == 8) 
      { return "IE8";} 
      else if(fIEVersion == 9) 
      { return "IE9";} 
      else if(fIEVersion == 10) 
      { return "IE10";} 
      else if(fIEVersion == 11) 
      { return "IE11";} 
      else 
      { return "0"}//IE版本过低 
    }//isIE end 
     
    if (isFF) { return "FF";} 
    if (isOpera) { return "Opera";} 
    if (isSafari) { return "Safari";} 
    if (isChrome) { return "Chrome";} 
    if (isEdge) { return "Edge";} 
  }//myBrowser() end 
   
  //判断是否是IE浏览器 
  function isIE() 
  { 
   var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
   var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 
   if(isIE) 
   { 
     return "1"; 
   } 
   else 
   { 
     return "-1"; 
   } 
  } 
   
   
  //判断是否是IE浏览器，包括Edge浏览器 
  function IEVersion() 
  { 
   var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
   var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 
var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器 
   if(isIE) 
   { 
      var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); 
      reIE.test(userAgent); 
      var fIEVersion = parseFloat(RegExp["$1"]); 
      if(fIEVersion == 7) 
      { return "IE7";} 
      else if(fIEVersion == 8) 
      { return "IE8";} 
      else if(fIEVersion == 9) 
      { return "IE9";} 
      else if(fIEVersion == 10) 
      { return "IE10";} 
      else if(fIEVersion == 11) 
      { return "IE11";} 
      else 
      { return "0"}//IE版本过低 
   } 
else if(isEdge) 
{ 
  return "Edge"; 
} 
   else 
   { 
     return "-1";//非IE 
   } 
  } 

以上代码通过测试，可用！

但存在一个问题，即IE5与IE7浏览器暂不能区分，以下是IE5与IE7下userAgent的信息；通过userAgent发现，简单的通过以上方法，无法正确区分IE5和IE7。期待该问题的解决方案！！！

IE5: userAgent   "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; .NET4.0E)"

IE7: userAgent  "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; .NET4.0E)"

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# js判断浏览器类型  # js  # 判断浏览器  # js如何判断浏览器类型  # IE浏览器下JS脚本提交表单后  # 不能自动提示问题解决方法  # JS编写兼容IE6  # 7  # 8浏览器无缝自动轮播  # js实现保存文本框内容为本地文件兼容IE  # chrome  # 火狐浏览器  # JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案  # JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】  # javascript 判断当前浏览器版本并判断ie版本  # JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome  # JavaScript兼容浏览器FF/IE技巧  # Javascript在IE和Firefox浏览器常见兼容性问题总结  # JavaScript 判断浏览器是否是IE  # 判断是否  # 过低  # 一个问题  # 暂不  # 大家多多  # 后期  # amp  # MSIE  # Safari  # compatible  # NT 

相关文章： 如何在建站之星绑定自定义域名？  建站之星免费模板：自助建站系统与智能响应式一键生成  建站之星导航如何优化提升用户体验？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  学校建站服务器如何选型才能满足性能需求？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  湖北网站制作公司有哪些,湖北清能集团官网？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  上海网站制作开发公司,上海买房比较好的网站有哪些？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  Swift中swift中的switch 语句  如何在七牛云存储上搭建网站并设置自定义域名？  如何在IIS服务器上快速部署高效网站？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何高效利用亚马逊云主机搭建企业网站？  建站上市公司网站建设方案与SEO优化服务定制指南  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  网站制作软件有哪些,制图软件有哪些？  如何快速查询域名建站关键信息？  常州自助建站费用包含哪些项目？  建站之星代理平台如何选择最佳方案？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  建站之星如何配置系统实现高效建站？  文字头像制作网站推荐软件,醒图能自动配文字吗？  如何通过cPanel快速搭建网站？  内部网站制作流程,如何建立公司内部网站？  建站org新手必看：2024最新搭建流程与模板选择技巧  ui设计制作网站有哪些,手机UI设计网址吗？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  中山网站推广排名,中山信息港登录入口？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何通过商城自助建站源码实现零基础高效建站？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  如何在腾讯云免费申请建站？  如何解决VPS建站LNMP环境配置常见问题？  C#怎么创建控制台应用 C# Console App项目创建方法  C++用Dijkstra(迪杰斯特拉)算法求最短路径  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  宝塔建站助手安装配置与建站模板使用全流程解析  已有域名如何快速搭建专属网站？  C++时间戳转换成日期时间的步骤和示例代码  三星网站视频制作教程下载,三星w23网页如何全屏？  建站之星导航菜单设置与功能模块配置全攻略  如何通过FTP服务器快速搭建网站？  深入理解Android中的xmlns:tools属性  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何快速搭建高效WAP手机网站吸引移动用户？  Thinkphp 中 distinct 的用法解析