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 相关文章推荐
javascript 实用的文字链提示框效果
Jun 30 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
javascript定时器完整实例
Feb 10 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
微信小程序实现电子签名功能
Jul 29 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
微信扫描二维码登录网站代码示例
2013/12/30 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
thinkphp验证码的实现(form、ajax实现验证)
2016/07/28 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
JS+canvas动态绘制饼图的方法示例
2017/09/12 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
vue1.0和vue2.0的watch监听事件写法详解
2018/09/11 Javascript
JQuery animate动画应用示例
2019/05/14 jQuery
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
python魔法方法-自定义序列详解
2016/07/21 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
使用C++扩展Python的功能详解
2018/01/12 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
幼儿教师寄语集锦
2014/04/03 职场文书
幼儿园新年寄语
2014/04/03 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
课外活动总结
2015/02/04 职场文书
书法社团活动总结
2015/05/07 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
大学生入党群众意见书
2015/06/02 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书