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.

2 Comments

    çağrı

    bu özellik kaldırıldı

    Emre Macit

    evet versiyon 1.9 dan itibaren kaldırıldığını belirtiyor ilgili link verdiğimiz ilgili sayfa da. Ancak jquery Migrate plugini ile (https://github.com/jquery/jquery-migrate/#readme) yine kullanılabilecğeini belirtiyor.

Bir Cevap Yazın