Çoğumuz web uygulamaları geliştirirken, tarayıcıların motorlarındaki farklılıklardan dolayı geliştirmiş olduğumuz uygulamaların tüm tarayıcılarda aynı çalışması için bazı yerlerde sorunu gidermek için sadece sorun olan browserda çalışacak hackler yazıyoruz. Bu sıkıcı işlemi işlemi yapmanın ilk aşamalarından biri de tabii ki kullanıcının siteyi hangi tarayıcı ile görüntülediğini bulmak oluyor. Hastalığın ne olduğunu bilelim ki ona uygun ilacı yazabilelim değil mi?

Bu işlem için kullanılacak olan 10larca çözüm olmasına rağmen ben bu yazımda pek sevgili jQuery'nin browser nesnesinden bahsedeceğim. Browser nesnesi basitçe, kullanıcının kullanmış olduğu browser'ın ne olduğunu ve versiyonunu döndürüyor. Bizi de bu verileri elde etmek için acayip acayip yöntemler kullanma derdinden kurtarıyor. Biraz fazla konuştum, kod yazsam iyi olacak sanırım :)

PLAIN TEXT
JavaScript:
  1. if($.browser.mozilla) {
  2.    alert('Firefox kullanmak, iyidir, güzeldir!');
  3. } else {
  4.    alert('Neden firefox kullanmıyorsun ki?');
  5. }

Bu görmüş olduğunu if-else blogu kullanıcının Mozilla Firefox kullanıp kullanmadığını sorguluyor ve eğer kullanıyorsa "Mozilla kullanmak iyidir güzeldir"; kullanmıyorsa "Neden Firefox kullanmıyorsun ki?" diye soruyor. Bu çok basit bir örnek tabii ki gerçek projelerde alert ile uyarı vermek yerine jQuery seçicilerini kullanarak sorun çıkaran elemente ait bir CSS özelliğini değiştirebilir, yeni birşeyler ekleyebilirsiniz örneğin.

Bir örnekte tüm kötülüklerin anası olan Internet Explorer 6.0'ın varlığını anlamak için örnek yapalım.

PLAIN TEXT
JavaScript:
  1. if($.browser.msie) {
  2.   if($.browser.version == '6.0') {
  3.     alert("Internet explorer'ı kullanmanı saygı ile karşılayabilirim ama 6.0 sürümünü kullanıyor olman sence de mantıksız değil mi?");
  4.  } else if ($.browser.version == '7.0') {
  5.    alert('Biliyor musun IE 8 çıktı, bence onu kullanmalısın');
  6. } else {
  7.    alert('Tarayıcının son versiyonunu kullandığın ve bana acı çektirmediğin için teşekkürler!');
  8. }
  9. }

Gördüğünüz gibi oldukça basit ve temiz. jQuery'i seviyorum :)
Not : Yazı boyunca kullanmış olduğum jQuery.Browser nesnesi jQuery 1.3.x sürümlerinde bulunmaktadır. 1.3'den daha alt sürümlerde kullanılamamaktadır

Bu yazı Cumartesi, Eylül 12th, 2009 tarihinde 01:10 sularında yazıldı. , , , ile etiketlendi. Bu yazıya yazılan yorumları RSS 2.0 linkinden takip edebilirsiniz. Yorum bırakabilir, veya Geribildirim yapabilirsiniz.