JQuery the kernel and version number of the browser
The code copy is as follows:
<script type="text/javascript">
$(function () {
if ($.browser.msie && ($.browser.version == "7.0")) {
$("#yourannet").css("margin-left", "10px");
} //IE7 browser
else if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
$("#yourannet").css("margin-left", "15px");
} //IE6 browser
else if ($.browser.msie && ($.browser.version == "8.0")) {
$("#yourannet").css("margin-left", "20px");
} //IE8 browser
else if ($.browser.msie && ($.browser.version == "9.0")) {
$("#yourannet").css("margin-left", "25px");
} // IE9 browser
else if (window.navigator.userAgent.toLowerCase().indexOf("360se") >= 1) {
$("#yourannet").css("margin-left", "30px");
}//360 Browser
})
jQuery uses regular matching userAgent to determine the type and version of the browser . If we want to determine whether the current browser is IE6, how should we judge?
The code copy is as follows:
$(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!");
}
The following is the regular expression of jquery: supports distinction between ie, firefox, opera, chrome, safari
The code copy is as follows:
// 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
How to use:
Javascript code
jMeteor.browser.msie //Judge whether it is ie, and return true means that it is
jMeteor.browserName //Browser name
jMeteor.browser.version //Browser version
jMeteor.browser.language //Language
</script>
Judging each browser through browser version information
The code copy is as follows:
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 judgement browser
The code copy is as follows:
#example{color:red ;} /*firefox*/
* html #example{color:blue;} /*ie6*/
*+html #example{color:green;} /*ie7*/
HTML judge browser
The code copy is as follows:
1. <!--[if !IE]><!-->All can be identified except IE<!--<![endif]-->
2. <!--[if IE]> All IEs can be identified<![endif]-->
3. <!--[if IE 6]> IE6 is recognized only<![endif]-->
4.<!--[if lt IE 6]> IE6 and IE6 and below versions can be recognized<![endif]-->
5. <!--[if gte IE 6]> IE6 and IE6 or above can be recognized<![endif]-->
6.<!--[if IE 7]> IE7 is recognized only<![endif]-->
7. <!--[if lt IE 7]> IE7 and IE7 below can be recognized<![endif]-->
8. <!--[if gte IE 7]> IE7 and IE7 or above can be recognized<![endif]-->