首頁 >web前端 >js教程 >判斷瀏覽器的內核及版本號方法匯總_jquery

判斷瀏覽器的內核及版本號方法匯總_jquery

WBOY
WBOY原創
2016-05-16 16:21:581341瀏覽

透過jquery 判斷瀏覽器的核心及版本號碼

複製程式碼 程式碼如下:


jQuery 使用的是透過正則來匹配userAgent判斷瀏覽器的種類和版本. 如果我們要來判斷當前瀏覽器是否是IE6應該如何來判斷?

複製程式碼 程式碼如下:

$(function() {
  if($.browser.msie) {
  alert("this is msie");
}
else if($.browser.safari)
{
  alert("this is safari!");
}
else if($.browser.mozilla)
{
  alert("this is mozilla!");
}
else if($.browser.opera) {
  alert("this is opera");
}
else {
  alert("i don't konw!");
}

以下是jquery的正規表示式:支援區分ie、firefox、opera、chrome、safari

複製程式碼 程式碼如下:

// 瀏覽器檢查-----開始
 var userAgent = navigator.userAgent, // userAgent
 rMsie = /.*(msie) ([w.] ).*/, // 即
 rFirefox = /.*(firefox)/([w.] ).*/, // firefox
 rOpera = /(歌劇). version/([w.] )/, // 歌劇
 rChrome = /.*(chrome)/([w.] ).*/, // chrome
 rSafari = /.*版本/([w.] ).*(safari).*/;// safari
 jMeteor.browser = {};
 var ua = userAgent.toLowerCase();
 函數 uaMatch(ua) {
  var match = rMsie.exec(ua);
  if (匹配!= null) {
   return { browser : match[1] …… "", version : match[2] …… "0" };
  }
  var match = rFirefox.exec(ua);
  if (匹配!= null) {
   return { browser : match[1] …… "", version : match[2] …… "0" };
  }
  var match = rOpera.exec(ua);
  if (匹配!= null) {
   return { browser : match[1] …… "", version : match[2] …… "0" };
  }
  var match = rChrome.exec(ua);
  if (匹配!= null) {
   return { browser : match[1] …… "", version : match[2] …… "0" };
  }
  var match = rSafari.exec(ua);
  if (匹配!= null) {
   return { browser : match[2] …… "", version : match[1] …… "0" };
  }
  if (匹配!= null) {
   return { 瀏覽器 : "", 版本 : "0" };
  }
 }
 var browserMatch = uaMatch(userAgent.toLowerCase());
 if (browserMatch.browser) {
  jMeteor.browser[browserMatch.browser] = true;
  jMeteor.browserName = browserMatch.browser;
  jMeteor.browser.version = browserMatch.version;
  jMeteor.browser.language = (navigator.language ? navigator.language
    : navigator.userLanguage …… "");
 }
 // 瀏覽器檢查-----結束
    
     
    使用方法:
    Javascript程式碼
    jMeteor.browser.msie //判斷是否為ie,回傳true則代表是
    jMeteor.browserName //瀏覽器名稱
    jMeteor.browser.version //瀏覽器版本
    jMeteor.browser.language // 語言
腳本>

透過瀏覽器版本資訊判斷各瀏覽器

複製程式碼程式碼如下:

var _uat=navigator.userAgent;
if(_uat.indexOf("MSIE 6.0")>0)alert("ie6");
else if(_uat.indexOf("MSIE 7.0")>0)alert("ie7");
else if(_uat.indexOf("MSIE 8.0")>0)alert("ie8");
else if(_uat.indexOf("Firefox")>0)alert("firefox");

CSS判斷瀏覽器

複製程式碼程式碼如下:

#example{color:red ;} /*firefox*/
* html #example{color:blue;} /*ie6*/
* html #example{color:green;} /*ie7*/

HTML判斷瀏覽器

複製程式碼程式碼如下:

1. 除IE外都可辨識
2.
3.
4.
5.
6.
7.
8.
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn