js 获取浏览器版本以此来调整CSS的样式_Javascript教程-查字典教程网
js 获取浏览器版本以此来调整CSS的样式
js 获取浏览器版本以此来调整CSS的样式
发布时间:2016-12-30 来源:查字典编辑
摘要:1、在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本,根据浏览器版本来调整CSS的样式,使在web界面在各个浏览器展现...

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;

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类