|
Java Script Gözatıcı Komutları
Bir önceki sayfada
kullanıcının ekran çözünürlüğünü ve renk derinliğini belirleyen
ekran kodlarını görmüştük. Aynı şekilde kullanıcının hangi
gözatıcıyı (browser) kullandığını ve bu gözatıcının özelliklerini
bilmek isteyebiliriz. Bunun için gözatıcı kodları kullanılmaktadır.
Gözatıcı Özellikleri
Kullanıcının kullandığı gözatıcının özellikleri hakkında bilgi
edinmek için aşağıdaki navigator kodları kullanılır.
appCodeName Kullanılan gözatıcının kod ismini belirler. (örneğin
Mozilla)
navigator.appCodeName
appMinorVersion Kullanılan gözatıcı versiyonunun hangi sürümü
olduğunu belirler. (örneğin 5.0`ın 0`ı.)
navigator.appMinorVersion
appName Kullanılan gözatıcının ismini belirler. (Örneğin Microsoft
Internet Explorer)
navigator.appName
appVersion Kullanılan gözatıcının versiyonunu belirler. (Örneğin
4.0)
navigator.appVersion
browserLanguage Kullanılan gözatıcının dilini gösterir.
navigator.browserLanguage
cookieEnabled Kullanılan gözatıcının cookie (ziyaretçinin öbür
girişinde, ziyaretçiyi siteye tanıtan ve ziyaretçinin harddiskine
kaydedilen yazılımcık; biz da yapacağız, orada görürsünüz.) kabul
edip, etmediğini gösterir.
navigator.cookieEnabled
cpuClass Kullanılan gözatıcının bulunduğu sistemin CPU sınıfını
gösterir.
navigator.cpuClass
onLine sistemin on-line olup olmadığını gösterir.
navigator.onLine
platform Kullanılan gözatıcının bulunduğu platformu gösterir.
(örneğin Wind32)
navigator.platform
systemLanguage Sistemin dilini gösterir.
navigator.systemLanguage
userLanguage Kullanıcı dilini gösterir.
navigator.userLanguage
userAgent Gözatıcının kodunu ve versiyonunu beraber gösterir.
navigator.userAgent
Bu kodların işe yarayıp, yaramadığını görmek mi istiyorsunuz? O
zaman aşağıdaki uygulamaya bakın.
Javascript:
<html>
<head>
<title>Gözatıcı Özellikleri</title>
<style>table {visibility:hidden}</style>
<script language="JavaScript">
function gozatici()
{
tablo.style.visibility="visible"
baslik0.innerHTML=navigator.appCodeName
baslik1.innerHTML=navigator.appMinorVersion
baslik2.innerHTML=navigator.appName
baslik3.innerHTML=navigator.appVersion
baslik4.innerHTML=navigator.browserLanguage
baslik5.innerHTML=navigator.cookieEnabled
baslik6.innerHTML=navigator.cpuClass
baslik7.innerHTML=navigator.onLine
baslik8.innerHTML=navigator.platform
baslik9.innerHTML=navigator.systemLanguage
baslik10.innerHTML=navigator.userLanguage
baslik11.innerHTML=navigator.userAgent
}
</script>
</head>
<body>
<form>
<input type="button" value="Gözatıcı Bilgileri" onclick="gozatici()">
</form>
<table id="tablo" cellpadding="3" cellspacing="0" border="1" bgcolor="#d5c481">
<tr><td>Gözatıcının kod ismi:</td><td>
<a id="baslik0">bilgi</a></td></tr>
<tr><td>Gözatıcının sürümü:</td><td>
<a id="baslik1">bilgi</a></td></tr>
<tr><td>Gözatıcının ismi:</td><td>
<a id="baslik2">bilgi</a></td></tr>
<tr><td>Gözatıcının versiyonu:</td><td>
<a id="baslik3">bilgi</a></td></tr>
<tr><td>Gözatıcının dili:</td><td>
<a id="baslik4">bilgi</a></td></tr>
<tr><td>Gözatıcının cookie kabul durumu:</td><td>
<a id="baslik5">bilgi</a></td></tr>
<tr><td>Sistemin CPU sınıfı:</td><td>
<a id="baslik6">bilgi</a></td></tr>
<tr><td>Sistemin online durumu:</td><td>
<a id="baslik7">bilgi</a></td></tr>
<tr><td>Gözatıcının platformu:</td><td>
<a id="baslik8">bilgi</a></td></tr>
<tr><td>Sistemin varsayılan dili:</td><td>
<a id="baslik9">bilgi</a></td></tr>
<tr><td>Kullanıcı dili:</td><td>
<a id="baslik10">bilgi</a></td></tr>
<tr><td>Gözatıcının kodu ve versiyonu:</td><td>
<a id="baslik11">bilgi</a></td></tr>
</table>
</body>
</html>
Gözatıcıya Göre Sayfa Yönlendirme
HTML ve CSS derslerinde, bazı komutların Internet Explorer`da başka,
Netscape Navigator`da başka olduğunu görmüştük. Bu nedenle elimizden
geldiğince sayfaları iki gözatıcıya da uygun bir şekilde hazırlarız
ama bu her zaman yapılamıyor. Böyle durumlarda NN için başka, IE
için başka sayfalar tasarlarız. Önce kullanıcının kullandığı
gözatıcıyı belirler ve ona göre sayfayı yönlendiririz. Bu
açıklamadan sonra, kendiniz de yapabilirsiniz ama ben yine de
göstereyim:
Javascript:
<html>
<head>
<title>Gözatıcıya göre yönlendirme</title>
<style>table {visibility:hidden}</style>
<script language="JavaScript">
function yonlendir()
{
var gozatici=navigator.appName
if (gozatici.indexOf("Netscape") != -1) window.location="nnsite.html"
if (gozatici.indexOf("Microsoft") != -1) window.location="iesite.html"
//Tabi siz kendi dosya adreslerinizi yazacaksınız.
}
</script>
</head>
<body onload="yonlendir()">
Bu sayfa bir uygulama değil, sadece nasıl yapılacağını gösteriyorum.
</body>
</html>
Bilmediğimiz birşey yer almıyor. (indexOF() kodunu unutanlar Metin
Komutları dersine bakıp hatırlasınlar.) Bu fonksiyonda navigator.appName
koduyla öğrenilen kullanıcının gözatıcı ismi "Netscape" ifadesini
içeriyorsa Netscape kullanıcıları için hazırladığımız sayfaya
yönlendiriyor, "Microsoft" ifadesi içeriyorsa Microsoft IE
kullanıcıları için hazırladığımız sayfaya yönlendiriyor. IE veya NN
kullanılmıyorsa, hiçbir yere yönlendirilmiyor.
Visual Basic veya benzeri bir dille basit bir gözatıcı
yapabilirsiniz ve ismini kendiniz koyabilir ve arkadaşlarınıza
dağıtabilirsiniz. Sonra da sitenize gözatıcınızla bağlananları,
onlara özel hazırladığınız sayfalara yönlendirebilirsiniz.
 |
