栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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;
}
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/106896.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号