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 相关文章推荐
js 单引号 传递方法
Jun 22 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
详解React之key的使用和实践
Sep 29 Javascript
React Native中Mobx的使用方法详解
Dec 04 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 Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
2013/08/02 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
企业演讲比赛主持词
2014/03/18 职场文书
教师教学评估方案
2014/05/09 职场文书
年检委托书
2014/08/30 职场文书
三问三解心得体会
2014/09/05 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
个人租房协议书
2014/11/28 职场文书
实习协议书
2015/01/27 职场文书
MySQL GRANT用户授权的实现
2021/06/18 MySQL