判斷瀏覽器的內(nèi)核及版本號(hào)方法匯總
通過jquery 判斷瀏覽器的內(nèi)核及版本號(hào)
<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判斷瀏覽器的種類和版本. 如果我們要來判斷當(dāng)前瀏覽器是否是IE6應(yīng)該如何來判斷?
$(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的正則表達(dá)式:支持區(qū)分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外都可識(shí)別<!--<![endif]-->
2. <!--[if IE]> 所有的IE可識(shí)別<![endif]-->
3. <!--[if IE 6]> 僅IE6可識(shí)別<![endif]-->
4.<!--[if lt IE 6]> IE6以及IE6以下版本可識(shí)別<![endif]-->
5. <!--[if gte IE 6]> IE6以及IE6以上版本可識(shí)別<![endif]-->
6.<!--[if IE 7]> 僅IE7可識(shí)別<![endif]-->
7. <!--[if lt IE 7]> IE7以及IE7以下版本可識(shí)別<![endif]-->
8. <!--[if gte IE 7]> IE7以及IE7以上版本可識(shí)別<![endif]-->
相關(guān)文章
jQuery ajax中使用confirm,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨Query ajax 中使用confirm ,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06jQuery中removeClass()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeClass()方法用法,實(shí)例分析了removeClass()方法的功能、定義及從匹配元素刪除一個(gè)或多個(gè)類的使用技巧,需要的朋友可以參考下2015-01-01基于jquery的滾動(dòng)鼠標(biāo)放大縮小圖片效果
基于jquery的滾動(dòng)鼠標(biāo)放大縮小圖片效果,需要的朋友可以參考下。2011-10-10jQuery+ajax實(shí)現(xiàn)實(shí)用的點(diǎn)贊插件代碼
本文給大家分享的是作者在自己的博客上使用jQuery+ajax實(shí)現(xiàn)實(shí)用的點(diǎn)贊插件代碼,這里推薦給大家,希望對(duì)大家能夠有所幫助。2016-07-07jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JQuery 獲取和設(shè)置Select選項(xiàng)的代碼
JQuery獲取和設(shè)置Select選項(xiàng)2010-02-02從零開始學(xué)習(xí)jQuery (五) jquery事件與事件對(duì)象
事件是腳本編程的靈魂. 所以本章內(nèi)容也是jQuery學(xué)習(xí)的重點(diǎn). 本文將對(duì)jQuery中的事件處理以及事件對(duì)象進(jìn)行詳細(xì)的講解.2011-02-02