ホームページ > ウェブフロントエンド > jsチュートリアル > ブラウザのカーネルとバージョン番号_jqueryを確認する方法のまとめ

ブラウザのカーネルとバージョン番号_jqueryを確認する方法のまとめ

WBOY
リリース: 2016-05-16 16:21:58
オリジナル
1311 人が閲覧しました

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.
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート