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数组处理代码详解(含实例演示)
Feb 03 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
浅谈React高阶组件
Mar 28 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
解决vue 表格table列求和的问题
Nov 06 Javascript
JS实现旋转木马轮播图
Jan 01 Javascript
js实现的订阅发布者模式简单示例
Mar 14 Javascript
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
js实现微信聊天界面
Aug 09 Javascript
quickjs 封装 JavaScript 沙箱详情
Nov 02 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中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
PHP实现八皇后算法
2019/05/06 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
Django框架models使用group by详解
2020/03/11 Python
python程序输出无内容的解决方式
2020/04/09 Python
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
中学生差生评语
2014/01/30 职场文书
表彰大会主持词
2014/03/26 职场文书
实习单位评语
2014/04/26 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
小石潭记导游词
2015/02/03 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android