js偵測瀏覽器版本、核心、是否行動裝置範例_基礎知識

偵測瀏覽器版本、核心、系統和是否行動裝置

複製程式碼 程式碼如下:

/**
 * 檢查瀏覽器版本
 * @authors K
 * @date    2014-04-11 14:48:39
 * @version 1
*/*/

/**
 * 使用導航器 userAgent 偵測瀏覽器資訊
 * @return 物件瀏覽器資訊

 */

var browser = (function(){
  var userAgent = navigator.userAgent,
  ua = userAgent.toLowerCase(),
  browLists = {    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,
 /Presto/[w.] /i,
    Gecko : /Gecko/[w.] /i,
    WebKit: /AppleWebKit/[w.] /i
  WebKit: /AppleWebKit/[w.] /i
  WebKit: /AppleWebKit/[w.] /i
  }, 
    kernel : 'unknow',
    version : 'unknow'
  }

  // 偵測瀏覽器
  for(var i in browserList){
    var matchs = ua.match(browserList[i]);
    browser[i] = matchs true; 🎜>    if(matchs){
      browser.version = matchs[1];
    }
  }

  // 偵測引擎

  for(var i in kernels){
    var matchs = ua.match(kernels[i]);
    if(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;

}());