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 使用手册(七)
Sep 23 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
Apr 01 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
javascript将json格式数组下载为excel表格的方法
Dec 22 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 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
xml+php动态载入与分页
2006/10/09 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
2016/06/22 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
python制作websocket服务器实例分享
2016/11/20 Python
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
ubuntu中配置pyqt4环境教程
2017/12/27 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
pytorch点乘与叉乘示例讲解
2019/12/27 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
药学专业大学生个人的自我评价
2013/11/04 职场文书
运动会表扬稿大全
2014/01/16 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
2014年林业工作总结
2014/12/05 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
干部考核工作总结2015
2015/07/24 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
JS数组的常用方法整理
2021/03/31 Javascript
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python
JPA如何使用entityManager执行SQL并指定返回类型
2021/06/15 Java/Android
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS