js 获取浏览器版本以此来调整CSS的样式

178 阅读 0 评论 118 点赞

我是靠谱客的博主曾经果汁，最近开发中收集的这篇文章主要介绍js 获取浏览器版本以此来调整CSS的样式，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、在web开发中，会经常让你判断当前使用的是那个浏览器及浏览器的那个版本，根据浏览器版本来调整CSS的样式，

使在web界面在各个浏览器展现达到最佳的效果，下面是获取当前浏览器的代码：

复制代码代码如下:

 
getBrowserVersion:function(){ 
var agent = navigator.userAgent.toLowerCase(); 
var arr=[]; 
var Browser=""; 
var Bversion=""; 
var verinNum=""; 
//IE 
if(agent.indexOf("msie") > 0){ 
var regStr_ie = /msie [d.]+;/gi ; 
Browser="IE"; 
Bversion=""+agent.match(regStr_ie) 
} 
//firefox 
else if(agent.indexOf("firefox") > 0){ 
var regStr_ff = /firefox/[d.]+/gi; 
Browser="firefox"; 
Bversion=""+agent.match(regStr_ff); 
} 
//Chrome 
else if(agent.indexOf("chrome") > 0){ 
var regStr_chrome = /chrome/[d.]+/gi ; 
Browser="chrome"; 
Bversion=""+agent.match(regStr_chrome); 
} 
//Safari 
else if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){ 
var regStr_saf = /version/[d.]+/gi ; 
Browser="safari"; 
Bversion=""+agent.match(regStr_saf); 
} 
//Opera 
else if(agent.indexOf("opera")>=0){ 
var regStr_opera = /version/[d.]+/gi ; 
Browser="opera"; 
Bversion=""+agent.match(regStr_opera); 
}else{ 
var browser=navigator.appName; 
if(browser=="Netscape"){ 
var version=agent.split(";"); 
var trim_Version=version[7].replace(/[ ]/g,""); 
var rvStr=trim_Version.match(/[d.]/g).toString(); 
var rv=rvStr.replace(/[,]/g,""); 
Bversion=rv; 
Browser="IE" 
} 
} 
verinNum=(Bversion+"").replace(/[^0-9.]/ig,""); 
arr.push(Browser); 
arr.push(verinNum); 
return arr; 
} 