jquery を使用してブラウザのカーネルとバージョン番号を確認します
<スクリプトタイプ="text/javascript">
$(関数() {
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 を照合し、ブラウザ の種類とバージョンを判断したい場合、どのように判断すればよいでしょうか。
$(function() {
if($.browser.msie) {
alert("こちらはmsieです");
}
else if($.browser.safari)
{
alert("これはサファリです!");
}
else if($.browser.mozilla)
{
alert("これは Mozilla です!");
}
else if($.browser.opera) {
alert("これはオペラです");
}
他 {
alert("わかりません!");
}
次は jquery の正規表現です。ie、Firefox、Opera、Chrome、safari の区別をサポートします
// ブラウザのチェック-----開始
var userAgent = navigator.userAgent, // userAgent
rMsie = /.*(msie) ([w.] ).*/, // ie
rFirefox = /.*(firefox)/([w.] ).*/, // firefox
rOpera = /(オペラ)。 version/([w.] )/, // オペラ
rChrome = /.*(chrome)/([w.] ).*/, // chrome
rSafari = /.*version/([w.] ).*(safari).*/;// safari
jMeteor.browser = {};
var ua = userAgent.toLowerCase();
関数 uaMatch(ua) {
var match = rMsie.exec(ua);
if (一致 != null) {
return { ブラウザ : match[1] || "", バージョン : match[2] || "0" };
}
var match = rFirefox.exec(ua);
if (一致 != null) {
return { ブラウザ : match[1] || "", バージョン : match[2] || "0" };
}
var match = rOpera.exec(ua);
if (一致 != null) {
return { ブラウザ : match[1] || "", バージョン : match[2] || "0" };
}
var match = rChrome.exec(ua);
if (一致 != null) {
return { ブラウザ : match[1] || "", バージョン : match[2] || "0" };
}
var match = rSafari.exec(ua);
if (一致 != null) {
return { ブラウザ : match[2] || "", バージョン : 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 // 判断か否か、true を返す
jMeteor.browserName //浏览器名
jMeteor.browser.version //浏览器バージョン本
jMeteor.browser. language //语言
通过浏览器版本信息判断各浏览器
var _uat=navigator.userAgent;
if(_uat.indexOf("MSIE 6.0")>0) アラート("ie6");
else if(_uat.indexOf("MSIE 7.0")>0)alert("ie7");
else if(_uat.indexOf("MSIE 8.0")>0) アラート("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.