Gözatıcı Komutları (Ders-18)

Fast Friend

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.

<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:

<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.