关闭

JS判断各浏览器类型及版本

标签: 浏览器类型浏览器版本javascript
4798人阅读 评论(1) 收藏 举报
分类:

昨天写了一个滑动块的效果,今天发现原来在火狐上不兼容,后来查资料,发现伪元素 :after, :before在火狐的高版本中才能显示,于是研究了下如何判断浏览器的类型及版本信息,鉴于IE11版本开始没有了MSIE字段,所以自己又作了部分更改。
并且在关键步骤中,详细得列出了对应的log,有助于理解代码。
昨天写得滑块在火狐中的问题可能需要深究下:after和:before,研究之后会再作说明,一点一点深入吧。
在IE中的效果,真心是丑得不行,好吧,既然用了html5,我就暂且不管IE了。

var browser = getBrowserInfo() ;//浏览器信息
//alert(browser);//IE 11.0
//IE11以下: MSIE 10.0、MSIE9.0等
//chrome:chrome/41.0.2272.89 [返回的是个数组] 
//firefox: firefox/42.0 [返回的是个数组] 
var verinfo = (browser+"").replace(/[^0-9.]/ig,""); //浏览器版本
//alert(verinfo);//11.0
//IE浏览器: 11.0/10.0/9.0
//chrome浏览器:41.0.2272.89
//Firefox浏览器: 42.0
 function getBrowserInfo()
 {
      var agent = navigator.userAgent.toLowerCase() ;
      //console.log(agent);
      //agent chrome : mozilla/5.0 (windows nt 6.1; wow64) applewebkit/537.36 (khtml, like gecko) chrome/41.0.2272.89 safari/537.36
      //agent firefox : mozilla/5.0 (windows nt 6.1; wow64; rv:42.0) gecko/20100101 firefox/42.0
      //agent  IE11: mozilla/5.0 (windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; 
      //接上.net clr 3.0.30729; media center pc 6.0;infopath.2; .net4.0c; .net4.0e; rv:11.0) like gecko 
      (可以看出IE11中不包括MSIE字段)
      //agent  IE10:   mozilla/5.0(compatible; msie 10.0; windows nt 6.1; wow64; trident/6.0)
      var regStr_ie = /msie [\d.]+;/gi ;
      var regStr_ff = /firefox\/[\d.]+/gi
      var regStr_chrome = /chrome\/[\d.]+/gi ;
      var regStr_saf = /safari\/[\d.]+/gi ;
      //IE11以下
      if(agent.indexOf("msie") > 0)
      {
          return agent.match(regStr_ie) ;
      }
      //IE11版本中不包括MSIE字段
      if(agent.indexOf("trident") > 0&&agent.indexOf("rv") > 0){
          return "IE " + agent.match(/rv:(\d+\.\d+)/) [1];
      }
      //firefox
      if(agent.indexOf("firefox") > 0)
      {
          return agent.match(regStr_ff) ;
      }
      //Chrome
      if(agent.indexOf("chrome") > 0)
      {
          return agent.match(regStr_chrome) ;
      }
      //Safari
      if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
      {
          return agent.match(regStr_saf) ;
      }
 }
1
0
查看评论

通过JS判断浏览器类型,详细区分IE各版本浏览器

今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用。 /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 func...
  • littleQiang_w
  • littleQiang_w
  • 2016-01-05 17:12
  • 34184

使用JS判断客户端、浏览器、操作系统类型

一、JS判断客户端类型   JS判断客户端是否是iOS或者Android手机移动端   通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。 核心代码如下: 方法一: var u = navigator.userAgent; va...
  • yoyoosyy
  • yoyoosyy
  • 2017-03-17 15:54
  • 1336

JS获取当前浏览器的类型

if(navigator.userAgent.indexOf("MSIE")>0)   为ie浏览器。 navigator.appName.indexOf("Microsoft") != -1  为ie浏览器。 navig...
  • jumtre
  • jumtre
  • 2016-04-11 09:48
  • 4529

JavaScript判断浏览器类型及版本(整理)

你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。        几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于C...
  • sunny243788557
  • sunny243788557
  • 2016-10-13 21:01
  • 2964

js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 1 2 3 4 5 6 function isIE() { //ie?       if (!!window.Activ...
  • catherine_sue
  • catherine_sue
  • 2017-03-13 19:11
  • 776

JS判断各种浏览器类型

1.判读chrome var isChrome = window.google && window.chrome; if(isChrome) { alert("是chrome浏览器"); } else { alert("不是chrome浏...
  • fanhaiwang520
  • fanhaiwang520
  • 2012-07-09 19:25
  • 5114

JS判断浏览器类型与版本

  • 2013-05-30 19:27
  • 226KB
  • 下载

通过JS判断浏览器类型,详细区分IE各版本浏览器

//判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAg...
  • qbook
  • qbook
  • 2016-09-21 09:23
  • 3758

JS判断浏览器类型

1、判断浏览器是否为IE document.all ? 'IE' : 'others' //在IE下document.all值为1,而其他浏览器下的值为0; navigator.userAgent.indexOf("MSIE")...
  • Inuyasha1121
  • Inuyasha1121
  • 2014-10-13 15:20
  • 805

通过JS判断浏览器类型,详细区分IE各版本浏览器

/* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 function BrowserType() { var us...
  • liu4071325
  • liu4071325
  • 2017-03-14 13:50
  • 1189
    个人资料
    • 访问:669846次
    • 积分:46932
    • 等级:
    • 排名:第74名
    • 原创:113篇
    • 转载:0篇
    • 译文:0篇
    • 评论:196条
    博客专栏
    最新评论