js检测浏览器版本、核心、是否移动端示例

168 阅读 0 评论 111 点赞

我是靠谱客的博主时尚小刺猬，最近开发中收集的这篇文章主要介绍js检测浏览器版本、核心、是否移动端示例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

检测浏览器版本、核心、系统和是否移动端

复制代码代码如下:

/**
* check browser version
* @authors K
* @date 2014-04-11 14:48:39
* @version 1
*/

/**
* detect browser info with navigator userAgent
* @return object browser info
*/

var browser = (function(){
var userAgent = navigator.userAgent,
ua = userAgent.toLowerCase(),
browserList = {
    msie : /(?:msies|trident.*rv:)([w.]+)/i,
    firefox : /Firefox/([w.]+)/i,
    chrome : /Chrome/([w.]+)/i,
    safari : /version/([w.]+).*Safari/i,
    opera : /(?:OPR/|Opera.+version/)([w.]+)/i
},
kernels = {
    MSIE: /(compatible;smsies|Trident/)[w.]+/i,
    Camino: /Camino/i,
    KHTML: /KHTML/i,
    Presto: /Presto/[w.]+/i,
    Gecko : /Gecko/[w.]+/i,
    WebKit: /AppleWebKit/[w.]+/i
},
browser = {
    kernel : 'unknow',
    version : 'unknow'
}

// 检测浏览器
for(var i in browserList){
    var matchs = ua.match(browserList[i]);
    browser[i] = matchs ? true : false;
    if(matchs){
      browser.version = matchs[1];
    }
}

// 检测引擎
for(var i in kernels){
    var matchs = ua.match(kernels[i]);
    if(matchs){
      browser.kernel = matchs[0];
    }
}

// 系统
var os = ua.match(/(WindowssNTs|MacsOSsXs|Androids|ipad.*soss|iphonesoss)([d._-]+)/i);
browser.os = os!==null ? os[0] : false;

// 是否移动端
browser.mobile = ua.match(/Mobile/i)!==null ? true : false;

return browser;
}());