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 の書き込み