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还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
jquery图片放大镜效果
Jun 23 jQuery
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 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
ThinkPHP之R方法实例详解
2014/06/20 PHP
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
php简单的上传类分享
2016/05/15 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
jsonp原理及使用
2013/10/28 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
javaScript把其它类型转换为Number类型
2019/10/13 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
Python多进程同步简单实现代码
2016/04/27 Python
python3.4用函数操作mysql5.7数据库
2017/06/23 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
Python partial函数原理及用法解析
2019/12/11 Python
使用python实现希尔、计数、基数基础排序的代码
2019/12/25 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
部门年终奖分配方案
2014/05/07 职场文书
会计专业应届生自荐信
2014/06/28 职场文书
会计系毕业求职信
2014/08/07 职场文书
会计试用期自我评价
2014/09/19 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
硕士论文致谢范文
2015/05/14 职场文书
户外拓展训练感想
2015/08/07 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL