DIV CSS 佈局教程網

通過jquery 判斷浏覽器的內核及版本號

代碼如下:
<script type="text/javascript">
    $(function () {
        if ($.browser.msie && ($.browser.version == "7.0")) {
            $("#yourannet").css("margin-left", "10px");
        }  //IE7浏覽器
        else if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
            $("#yourannet").css("margin-left", "15px");
        }  //IE6浏覽器
        else if ($.browser.msie && ($.browser.version == "8.0")) {
            $("#yourannet").css("margin-left", "20px");
        }  //IE8浏覽器
        else if ($.browser.msie && ($.browser.version == "9.0")) {
            $("#yourannet").css("margin-left", "25px");
        } // IE9 浏覽器
        else if (window.navigator.userAgent.toLowerCase().indexOf("360se") >= 1) {
            $("#yourannet").css("margin-left", "30px");
        }//360浏覽器
    })

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

代碼如下:
// browser check-----start
 var userAgent = navigator.userAgent, // userAgent
 rMsie = /.*(msie) ([\w.]+).*/, // ie
 rFirefox = /.*(firefox)\/([\w.]+).*/, // firefox
 rOpera = /(opera).+version\/([\w.]+)/, // opera
 rChrome = /.*(chrome)\/([\w.]+).*/, // chrome
 rSafari = /.*version\/([\w.]+).*(safari).*/;// safari
 jMeteor.browser = {};
 var ua = userAgent.toLowerCase();
 function uaMatch(ua) {
  var match = rMsie.exec(ua);
  if (match != null) {
   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
  }
  var match = rFirefox.exec(ua);
  if (match != null) {
   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
  }
  var match = rOpera.exec(ua);
  if (match != null) {
   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
  }
  var match = rChrome.exec(ua);
  if (match != null) {
   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
  }
  var match = rSafari.exec(ua);
  if (match != null) {
   return { browser : match[2] ¦¦ "", version : match[1] ¦¦ "0" };
  }
  if (match != null) {
   return { browser : "", version : "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 ¦¦ "");
 }
 // browser check-----end
　　　　
　　　　　
　　　　使用方法：
　　　　Javascript代碼
　　　　jMeteor.browser.msie //判斷是否為ie，返回true則代表是
　　　　jMeteor.browserName //浏覽器名稱
　　　　jMeteor.browser.version //浏覽器版本
　　　　jMeteor.browser.language //語言
</script>

通過浏覽器版本信息判斷各浏覽器

代碼如下:
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. <!--[if !IE]><!-->除IE外都可識別<!--<![endif]-->
2. <!--[if IE]> 所有的IE可識別<![endif]-->
3. <!--[if IE 6]> 僅IE6可識別<![endif]-->
4.<!--[if lt IE 6]> IE6以及IE6以下版本可識別<![endif]-->
5. <!--[if gte IE 6]> IE6以及IE6以上版本可識別<![endif]-->
6.<!--[if IE 7]> 僅IE7可識別<![endif]-->
7. <!--[if lt IE 7]> IE7以及IE7以下版本可識別<![endif]-->
8. <!--[if gte IE 7]> IE7以及IE7以上版本可識別<![endif]-->