JavaScript ile Tarayıcı Algılama

15 Ağustos 2009, admin

Javascript Navigator nesnesi ziyaretçinin tarayıcısı (browser) hakınndaki bilgiyi içerir.

Javascript kodları genel olarak bütün tarayıcılarda izin verilen tarayıcılarda çalışır. Ancak, bazı şeyler, belirli tarayıcılarda çalışmaz – özellikle eski sürüm tarayıcılarda.

Bu yüzden, bazen ziyaretçi tarayıcısını belirlemek/saptamak ve uygun bilgileri sunmak yararlı olabilir.

Bunu yapmanın en iyi yolu internet sayfalarınızı bazı tarayıcılara bir yöntemle ve diğer tarayıcılara da başka yöntemle bakacak kadar zeki yapmaktır.

JavaScript’in Navigator (Gezgin) isimli nesnesi bu amaç için kullanılabilir.

Navigator nesnesi ziyaretçinin tarayıcı adı, versiyonu ve daha fazlası hakkında bilgi içerir.

Navigator Nesnesi

JavaScript Navigator nesnesi ziyaretçinin tarayıcı hakkındaki tüm bilgileri içerir. Bu nesnenin iki özelliğini inceleyelim:

appName – tarayıcı adını tutar
appVersion – tarayıcı versiyonunu ve daha birçok şeyi tutar

Örnek:

<html> <body>

<script type="text/javascript"> var tara=navigator.appName; var t_versiyon=navigator.appVersion; var versiyon=parseFloat(t_versiyon);

document.write("Tarayıcı ismi: "+ tara); document.write("<br />"); document.write("Tarayıcı versiyonu: "+ versiyon); </script>

</body> </html>

Yukarıdaki örnekteki değişken tara, tarayıcının adını tutar: örneğin “Netscape” veya “Microsoft Internet Explorer”.

Yukarıdaki örnekteki appVersion özelliği, versiyon numarasından daha fazla bilgi içeren bir karakter dizisini (string) sağlar, fakat biz şu anda sadece versiyon numarası ile ilgileniyoruz. Versiyon numarasını diziden çıkarmak için parseFloat() adı verilen bir fonksiyon kullanılır, bu dizide ondalık sayıya benzeyen ilk şeyi çıkarır ve verir.

ÖNEMLİ! IE 5.0 veya daha üst sürümlerde versiyon numarası yanlış. Microsoft, IE 5.0 ve IE 6.0’da appVersion dizisine 4.0 ile başlar. Bunun yanında, JavaScript IE6, IE5 ve IE4’de aynıdır, böylece birçok script için uygundur.

Aşağıdaki örnek, ziyaretçinin tarayıcısına bağlı olarak, farklı bir uyarı gösterir:

Örnek:

<html> <head> <script type="text/javascript"> function taraDenetle() { var tara=navigator.appName; var t_versiyon=navigator.appVersion; var versiyon=parseFloat(t_versiyon); if ((tara=="Netscape"||tara=="Microsoft Internet Explorer") && (version>=4)) { alert("Tarayıcınız yeterince iyi!"); } else { alert("Tarayıcınızı yükseltme zamanı!"); } } </script> </head>

<body onload="taraDenetle()"> </body> </html>