浏览器调整html样式,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;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值