JS 判断浏览器版本

1、JS 区分各个浏览器(方法一)

var browser={versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return {trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') > -1, //opera内核webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)qq: u.match(/\sQQ/i) == " qq" //是否QQ};}(),language:(navigator.browserLanguage || navigator.language).toLowerCase()
}

通过调用 browser 可以获得返回值:

值类型 值说明
trident String IE 内核
presto String opera 内核
webKit String 苹果、谷歌内核
gecko String 火狐内核
mobile String 移动终端
ios String IOS 终端
android String android 终端
iPhone String iPhone 或者 QQHD 浏览器
iPad String iPad
webApp String web 应该程序,没有头部与底部
weixin String 微信
qq String QQ

2、JS 区分IE浏览器的各个版本

function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;if(isIE) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion = parseFloat(RegExp["$1"]);if(fIEVersion == 7) {return 7;} else if(fIEVersion == 8) {return 8;} else if(fIEVersion == 9) {return 9;} else if(fIEVersion == 10) {return 10;} else {return 6;//IE版本<=7}   } else if(isEdge) {return 'edge';//edge} else if(isIE11) {return 11; //IE11  }else{return -1;//不是ie浏览器}}

通过调用 IEVersion() 可以获得返回值:

值类型 值说明
-1 Number 非 IE 浏览器
6 Number IE 版本 <= 6
7 Number IE 7
8 Number IE 8
9 Number IE 9
10 Number IE 10
11 Number IE 11
‘edge’ String IE edge

JS 判断浏览器版本相关推荐

  1. PHP判断浏览器内核过低,js判断浏览器版本以及浏览器内核的方法

    本文实例讲述了js判断浏览器版本以及浏览器内核的方法.分享给大家供大家参考.具体实现方法如下: js判断是否移动端及浏览器内核 var browser = { versions: function() ...

  2. JS判断浏览器版本(已解决IE11版本为Mozilla问题)

    兼容IE11的判断方式 var getExplorer = (function() {var explorer = window.navigator.userAgent,compare = funct ...

  3. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...

    [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...

  4. 通过JS判断浏览器类型,详细区分IE各版本浏览器

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  5. .net中js判断浏览器的类型和版本

    你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的 ...

  6. JS判断浏览器类型及版本

    判断浏览器类型及版本 function getBroswer(){var os = navigator.platform; var userAgent = navigator.userAgent; v ...

  7. js判断浏览器是否为IE

    js判断浏览器是否为IE的方法. function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var ...

  8. 区分浏览器,判断浏览器版本

    1.用JS判断浏览器是否是IE9以下,处理可能遇到的兼容性问题,或者给出浏览器版本过低的升级提醒.   if(navigator.appName == "Microsoft Internet ...

  9. js判断浏览器环境、内核、载体、外壳、操作系统等

    我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问.项目中很多时候会遇到判断浏览器环境的问题,比如说微信浏览器/APP环境,ios/安卓环境:浏览器是JavaScrip ...

最新文章

  1. css超过两行显示为..._这6种组织CSS的方式,可以帮助你解决CSS扩展维护难的问题...
  2. 极速理解设计模式系列:7.桥接模式(Bridge Pattern)
  3. java标签多行_利用Arcade表达式显示多行标签
  4. tensorflow随笔-保存与读取使用模型
  5. 单片机Proteus7.8仿真和Proteus8.6仿真 LED点阵 温度采集 电子琴 温度报警 电子秤 音乐播放器 PWM 电压表 温度计 交通灯
  6. 无法搜索到电脑模拟热点的可以尝试一下(adhoc补丁)
  7. 【原创翻译】生动详细解释javascript的冒泡和捕获,包懂包会
  8. 人脸标注工具源码解读
  9. MapReduce:Simplified Data Processing on Large Clusters(中文翻译2)
  10. 浮动的三个特点很重要。
  11. python text insert()背景色_50行python代码写个计算器教程
  12. 自定义vb.net 窗口位置
  13. 【路径规划】基于matlab粒子群融合遗传算法栅格地图路径规划【含Matlab源码 526期】
  14. Android 开发即时聊天工具 YQ :(一) Socket 初步
  15. C0型单元刚度矩阵的性质
  16. 如何用邮编查询API快速开发
  17. 【软件project】 文档 - 银行业务管理 - 需求分析
  18. 养乐多深耕三线城市加码长、珠三角;欧康维视在港交所主板挂牌上市 | 美通企业日报...
  19. Go语言入门到实战——14.Go语言的协程机制以及并发机制
  20. 如何做好测试用例的设计

热门文章

  1. 东方甄选、交个朋友迎头而上,云集不进则退
  2. PDF加密软件保护新姿势
  3. pwm一个时间单位_PTO PWM
  4. linux红帽分区安装教程,RedHat Linux 9.0 硬盘安装教程手把手全部详细教程
  5. Kaggle-酒店预定需求分析
  6. 调用pyspark.ml库对信用卡逾期进行预测
  7. 例题6-13 古代象形符号(Ancient Messages,World Finals 2011,UVa 1103)
  8. 应届生前端面试题笔记
  9. go源码阅读——type.go
  10. LindDotNetCore~基于模块化注入的介绍