正则表达式:

  1. var rsys = /\b(windows|win32|macintosh|mac os x|adobeair|linux|unix)\b/;
  2. var rkn = /\b(opera|chrome|webkit|safari|msie|firefox|gecko)\b(\s*(version|rv:|\/)*(\d+(\.\d+)*))?/g;

准备:

  1. var r = {}, ua = navigator.userAgent.toLowerCase();

代码:

  1. ua.replace(rsys, function (match, value) {
  2. var object = {
           isWinSys: "win",
           isMacSys: "mac",
           isAirSys: "air",
           isUnixSys: "unix",
           isLinuxSys: "linux"
         };
  3. for (var i in object) {
  4. r[i] = value.indexOf(object[i]) > -1;
  5. }
  6. });
  7. ua.replace(rkn, function (match, type, all, rv, version) {
         //match:匹配内容,type:内核类型,all:匹配符以及版本号,rv:匹配符,version:版本号
  8. r["is" + type.charAt(0).toUpperCase() + type.slice(1) + "Kn"] =
         r["is" + type.charAt(0).toUpperCase() + type.slice(1) + "Bro"] = version || true;
  9. if (type === "safari") {
  10. if (/applewebkit\/4/.test(ua)) {
  11. r["isSafariKn"] = 2;
  12. }
  13. }
  14. });if (r.isChromeBro) {
  15. r.isSafariBro = false;
  16. }
  17. if (r.isFirefoxBro) {
  18. if (r.isChromeBro || r.isSafariBro || r.isMsieBro) {
  19. r.isFirefoxBro = false;
  20. }
  21. }   
      r.isWebkitBro = r.isGeckoBro = false;//修复   
      r.isBrowse32Bit = navigator.platform == "Win32";//是否为32位浏览器 
      r.isCompatMode = document.compatMode == "CSS1Compat";//是否处于兼容性模式

1、后缀说明:Kn(kernel:内核),Bro(browser:浏览器),Sys(System:系统)。

2、值说明:优先显示版本号,若没有检测到对应的版本号,则默认为真。

3、已在Windows系统下,chrome、firefox、msie中测试通过。

js获取浏览器内核、类型、版本以及系统类型的更多相关文章

  1. js获取浏览器信息及版本(兼容IE)

    获取浏览器信息方法有很多种,但是要是兼容ie旧版本就有点麻烦了,因为很多方法在旧版本ie是不支持的,所以ie我做了单独处理,但是目前还有小问题,就是想显示QQ浏览器,搜狗浏览器..这样的,这样还实现不 ...

  2. JS获取浏览器名和版本信息

    Navigator 对象包含有关浏览器的信息. Navigator 对象属性和方法: <html> <head> <title>JS完整获取浏览器信息</ti ...

  3. js 获取浏览器内核

    <script language="JavaScript" type="text/javascript">    var browser = {   ...

  4. js获取浏览器内核判断终端(是QQ打开还是QQ浏览器打开)

    var browser ={ versions: function() { var u = navigator.userAgent, var ua = navigator.userAgent.toLo ...

  5. js判断浏览器内核和版本(包括手机端设备)

    var X, xue;xue = xue || function(expr, fn) {    return xue.dom ? xue.dom(expr, fn) : {};};X = xue;wi ...

  6. js获取浏览器类型和版本信息

    bro () { let broName = 'Runing' let strStart = 0 let strStop = 0 let temp = '' let userAgent = windo ...

  7. js获取浏览器版本信息整理

    一.Navigator 对象 JavaScript Navigator 对象包含了有关访问者浏览器的所有信息.接下来我们学习 Navigator 对象的两个属性. appName 保存浏览器类型 ap ...

  8. js get browser vertion (js获取浏览器信息版本)

    1问题:js get browser vertion (js获取浏览器信息版本) 2解决方案 Copy this script into your JavaScript files. It works ...

  9. JS获取浏览器类型和版本号

    JS获取浏览器类型和版本号,增加了IE11的判断. 2015/7/5更新: 简化代码逻辑 var zbrowser = {} var ua = navigator.userAgent.toLowerC ...

随机推荐

  1. 1Z0-053 争议题目解析577

    1Z0-053 争议题目解析577 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 577.What methods are available to recover lost co ...

  2. 项目积累html标签

    今天遇到一个不太常用都标签,网上以后慢慢记下项目中用到都东西. 1.<em> 标签 告诉浏览器把其中的文本表示为强调的内容.对于所有浏览器来说,这意味着要把这段文字用斜体来显示. 在文本中 ...

  3. C# DataGrid根据某列的内容设置行字体加粗 单元格设置对齐方式

    最近做了个功能,DataGrid显示具体内容的时候,根据某列分组. 每个分组具体内容后边,增加一行显示合计信息. 查询数据时,使用了union all将分组数据与明细数据合并起来,使用了排序达到了预期 ...

  4. No.023:Merge k Sorted Lists

    问题: Merge k sorted linked lists and return it as one sorted list. Analyze and describe its complexit ...

  5. [Cordova] Plugin里使用Android Library

    [Cordova] Plugin里使用Android Library 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了 ...

  6. asp.net mvc 中 一种简单的 URL 重写

    asp.net mvc 中 一种简单的 URL 重写 Intro 在项目中想增加一个公告的功能,但是又不想直接用默认带的那种路由,感觉好low逼,想弄成那种伪静态化的路由 (别问我为什么不直接静态化, ...

  7. 商业智能SAAS走向中小企业

    20多年前,Gartner提出了商业智能的概念,并将其定义为“一类由数据仓库.查询报表.数据分析.数据挖掘等部分组成的,以帮助企业决策的技术及应用”.从技术上讲,商业智能是数据仓库.OLAP和数据挖掘 ...

  8. C#通过WMI的wind32 的API函数实现msinfo32的本地和远程计算机的系统日志查看功能

    先不说如何实现,先来看看效果图: 读取远程的需要提供下远程的计算用户名和密码即可. 如何实现这个代码功能,请看如下代码部分: 实体类: using System; using System.Colle ...

  9. EA(企业架构)落地之道

    随着业务和IT的不断融合,企业业务.信息系统和技术结合日益紧密,企业对信息系统及技术的敏捷性要求越来越高.如何在多变的环境下快速创新产品或服务并推向市场是企业面临的日益紧迫的压力.企业架构作为连接和匹 ...

  10. Android—基于Socket与上传图片到客户端

    最近项目中需要客户端和Socket互相传递数据时候需要相互传递图片所以做下总结以免以后忘记,也希望给大家带来帮助. 先上客户端的代码: 根据图片名称上传照相机中单个照片(此方法为自己封装) 参数所代表 ...