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.
KAYNAK: http://www.bilgisayardershanesi.com/bilgisayar_dersleri/java-script-gozatici-komutlari.html
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.
KAYNAK: http://www.bilgisayardershanesi.com/bilgisayar_dersleri/java-script-gozatici-komutlari.html
Hiç yorum yok:
Yorum Gönder