透過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.