jquery tarayıcı motorunu öğrenme

Bazı durumlarda , genelde tasarım ile ilgili konularda, kullanıcının browser’ına göre değişik gereksinimler oluşabilmektedir.
Bu özellikle internet explorer ile çok sıkça yaşanmaktadır. Bu sebeple browser bilgisini öğrenip buna göre işlem yaptıran bir çok css html veya javascript örneği bulabiliriz.

Yine de küçük bir örnek de biz verecek olursak ;

head taglarımızın arasında

< script src="http://code.jquery.com/jquery-latest.js">

yazıp jquery’yi include edelim.

Aşağıdaki kısmı body tagları arasına yerleştirirseniz, kod hatasız çalışacaktır.

< script>
    jQuery.each(jQuery.browser, function(i, val) {
      jQuery("
" + i + " : " + val +"").appendTo( document.body ); }); jQuery('Browser Ana Versiyonu : '+parseInt(jQuery.browser.version, 10)+'').appendTo(document.body); //jQuery('Browser Ana Versiyon : '+parseInt(jQuery.browser.version, 10)).appendTo(document.body); if ($.browser.webkit) { jQuery('
Browser Webkit desteklemektedir.').appendTo(document.body); }else{ jQuery('
Browser Webkit desteklememektedir.').appendTo(document.body); } < /script>

Veya aynısı $. diye yazılan hali

< script> $.each($.browser, function(i, val) { $("
" + i + " : " + val + "").appendTo( document.body ); }); $('Browser Ana Versiyonu : '+parseInt($.browser.version, 10)+'').appendTo(document.body); if ($.browser.webkit) { $('
Browser Webkit desteklemektedir.').appendTo(document.body); }else{ $('
Browser Webkit desteklememektedir.').appendTo(document.body); } < /script>

Not : Chrome için safari : true diye bir sonuç alınmakta. Bu noktada sizi jquerynin kendi sayfasına davet ediyorum, buyrunuz.