ホームページ  >  記事  >  ウェブフロントエンド  >  ブラウザの type_jquery を決定するための jquery コード

ブラウザの type_jquery を決定するための jquery コード

WBOY
WBOYオリジナル
2016-05-16 17:48:411078ブラウズ

Jquery は、navigator.userAgent.indexOf を使用してブラウザの種類を判断し、いくつかの処理を実行します。Jquery を学習している友人は、考え方を理解するために学習することをお勧めします。

主に使用されるメソッド: $.browser.['ブラウザキーワード']

コードをコピー コードは次のとおりです。

$(function() {
if($.browser.msie) {
alert("this is msie");
} else if($.browser.msie) safari) {
alert("これは safari!");
} else if($.browser.mozilla) {
alert("これは mozilla!"); $.browser.opera) {
alert("これはオペラです");
} else {
alert("わかりません!")


jQuery のソース コードを見てみましょう:


コードをコピーします コードは次のとおりです:
var userAgent = navigator.userAgent.toLowerCase();
// 使用されているブラウザを確認します
jQuery.browser = {
version: (userAgent.match( /. ( ?:rv|it|ie)[/: ]([d.] )/ ) || [])[1]、
safari: /webkit/.test( userAgent )、
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(互換性|webkit)/.test( userAgent )
};


Jquery は、通常のルールを使用して userAgent を照合し、
バージョン --- ブラウザーのバージョンを決定します。
msie- ---ie ブラウザ (Microsoft Internet Explorer)
mozilla-Firefox ブラウザ
opera--opera ブラウザ

現在のブラウザが IE6 かどうかはどのように判断すればよいでしょうか?



コードをコピーします コードは次のとおりです。
if($.browser. msie&&($ .browser.version == "6.0")&&!$.support.style){
alert("ie6")
}


同様に、Jquery はブラウザは IE7 です


コードをコピーします コードは次のとおりです:
if($.browser .msie&&($.browser. version == "7.0")){
alert("ie7");
}


Jquery を使用したくない場合は、コードを少し変更することで、Js コードを独自に使用できます:


var userAgent = navigator.userAgent.toLowerCase();
browser={
version: (userAgent.match( /. (?:rv|it|ra|ie)[/: ] ([d.] )/ ) || [0,'0'])[ 1]、
safari: /webkit/.test( userAgent )、
opera: /opera/.test( userAgent )、
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatibility|webkit)/.test( userAgent )
}


jquery で呼び出した場合も同様です。$ 記号を削除するだけです。

IE のバージョンを判断する場合は、やはり IE の条件式を使用することをお勧めします。 JS の書き込み