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 相关文章推荐
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
AngularJs Understanding the Model Component
Sep 02 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
React路由鉴权的实现方法
Sep 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的api数据接口书写实例(推荐)
2016/09/22 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
js 控制下拉菜单刷新的方法
2013/03/03 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
AngularJS 异步解决实现方法
2017/06/12 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
Python中DJANGO简单测试实例
2015/05/11 Python
实践Vim配置python开发环境
2018/07/02 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
python zip()函数使用方法解析
2019/10/31 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
法律系毕业生自荐信范文
2014/03/27 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书
农村老人去世追悼词
2015/06/23 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
尝试使用Python爬取城市租房信息
2022/04/12 Python
Win11快速关闭所有广告推荐
2022/04/19 数码科技
linux目录管理方法介绍
2022/06/01 Servers