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源码]超长文章自动分页(客户端版)
Jan 09 Javascript
function, new function, new Function之间的区别
Mar 08 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 Javascript
利用node.js开发cli的完整步骤
Dec 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
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
javascript 精粹笔记
2010/05/09 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
2020/05/30 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
2019/11/01 jQuery
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
selenium+python自动化测试之环境搭建
2019/01/23 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
pandas.cut具体使用总结
2019/06/24 Python
详解python中各种文件打开模式
2020/01/19 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
Django如何重置migration的几种情景
2021/02/24 Python
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
高三自我鉴定
2013/10/23 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
学生保证书范文
2014/04/28 职场文书
物资采购方案
2014/06/12 职场文书
会计求职自荐信
2014/06/20 职场文书
教师暑期培训感言
2014/08/15 职场文书
运动会演讲稿100字
2014/08/25 职场文书
共青团优秀团员申请书(范文)
2019/08/15 职场文书
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL