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之一
Apr 27 Javascript
html超链接打开窗口大小的方法
Mar 05 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
jQuery过滤选择器详解
Jan 13 Javascript
js实现鼠标感应图片展示的方法
Feb 27 Javascript
JavaScript动态添加列的方法
Mar 25 Javascript
js实现TAB切换对应不同颜色的代码
Aug 31 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
Nov 04 Javascript
原生js实现弹窗消息动画
Nov 20 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_Flame(Version:Progress)的原代码
2006/10/09 PHP
php操作xml
2013/10/27 PHP
Chrome Web App开发小结
2014/09/04 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
jQuery remove()过滤被删除的元素(推荐)
2017/07/18 jQuery
javascript Function函数理解与实战
2017/12/01 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
React Native登录之指纹登录篇的示例代码
2020/11/03 Javascript
[00:09]DOTA2全国高校联赛 精彩活动引爆全场
2018/05/30 DOTA
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
Python标准库sched模块使用指南
2017/07/06 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
django foreignkey(外键)的实现
2019/07/29 Python
pygame实现成语填空游戏
2019/10/29 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
python 用struct模块解决黏包问题
2020/11/07 Python
生日宴会策划方案
2014/06/03 职场文书
运动会加油口号
2014/06/07 职场文书
家装业务员岗位职责
2015/04/03 职场文书
妈妈别哭观后感
2015/06/08 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
初中美术教学反思
2016/02/17 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python