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入门—编写一个导航条(可伸缩)
Jan 07 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
Jan 06 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
浅谈setTimeout 与 setInterval
Jun 23 Javascript
javascript入门教程基础篇
Nov 16 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
javascript实现前端成语点击验证
Jun 24 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 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获取后台Job管理的实现代码
2011/06/10 PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
Python生成随机数的方法
2014/01/14 Python
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
python实现简单温度转换的方法
2015/03/13 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
Django中的文件的上传的几种方式
2018/07/23 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
Python中的Cookie模块如何使用
2020/06/04 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
护士演讲稿范文
2014/01/05 职场文书
业务总经理岗位职责
2014/02/03 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技