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中dom操作和事件的实例学习 下拉框应用
Dec 01 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
php中给js数组赋值方法
Mar 10 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
pm2发布node配置文件ecosystem.json详解
May 15 Javascript
layui插件表单验证提交触发提交的例子
Sep 09 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 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 Rename 更改文件、文件夹名称
2011/05/24 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
用函数式编程技术编写优美的 JavaScript_ibm
2008/05/16 Javascript
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
详解VUE 数组更新
2017/12/16 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
举例详解Python中yield生成器的用法
2015/08/05 Python
轻松掌握python设计模式之访问者模式
2016/11/18 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python如何定义带参数的装饰器
2018/03/20 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
python实现双色球随机选号
2020/01/01 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
电子商务专业实习生自我鉴定
2013/09/24 职场文书
党员违纪检讨书
2014/02/18 职场文书
消防安全承诺书
2014/05/22 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
学校实习推荐信
2015/03/27 职场文书
2016年春季运动会广播稿
2015/08/19 职场文书
教学反思怎么写
2016/02/24 职场文书
年终工作总结范文
2019/06/20 职场文书
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers