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


Posted in Javascript onJune 03, 2014

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 相关文章推荐
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
Aug 01 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
js轮盘抽奖实例分析
Apr 17 Javascript
KnockoutJS 3.X API 第四章之click绑定
Oct 10 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
vue 实现超长文本截取,悬浮框提示
Jul 29 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 #Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 #Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 #Javascript
jquery动态改变form属性提交表单
Jun 03 #Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 #Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 #Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 #Javascript
You might like
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
php实现TCP端口检测的方法
2015/04/01 PHP
php使用Imagick生成图片的方法
2015/07/31 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
Redis构建分布式锁
2017/03/28 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
最实用的JS数组函数整理
2017/12/05 Javascript
JS排序算法之希尔排序与快速排序实现方法
2017/12/12 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
利用python3随机生成中文字符的实现方法
2017/11/24 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
Ref与out有什么不同
2012/11/24 面试题
5.12护士节演讲稿
2014/04/30 职场文书
导游词怎么写
2015/02/04 职场文书
七一晚会主持词
2015/06/29 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL