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.
Kod: Tümünü seç
<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>
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:
Kod: Tümünü seç
<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>
Volkan Derinbay'a tşkler.