JavaScript Tarayıcı Dil Kontrolü

İki dil desteği olan bir web site tasarlıyorsanız, aklınıza düşmüştür "iki farklı sayfa tasarlıyorum ama dışarıdan girişleri nasıl kontrol edebilirim" diye. İlk akla gelen IP almak olabilir ama bu çok zahmetli iştir. Diğer seçenek ise kullanıcıya dili seçtirmektir ki bu da kullanıcı dostu bir yaklaşım değildir. Programcılar olarak dili kendimiz öğrenip ona göre yönlendirmemiz gerekiyor.

JavaScript kodlarını kullanarak tarayıcı dilini öğrenebiliriz ve eğer tarayıcı dili Türkçe ise Türkçe sayfamıza, değilse İngilizce sayfamıza yönlendirebiliriz. 

İlk olarak bir değişken tanımlamamız gerekiyor, burada dil değerini değişkenimize çekiyoruz

<script type="text/javascript">
   var dil = navigator.language || navigator.userLanguage;
   Alert(dil);
</script>

Yukarıdaki kodu head tagları arasına yazıp çalıştırdığımızda ekranda uyarı kutusu içinde tarayıcımızın dilini gösterecektir.

Biz bunu biraz daha süsleyelim.

if komutu ile tarayıcı dili Türkçe ise tr.aspx sayfamıza değilse eng.aspx sayfamıza yönlendirelim. İhtiyacımız olan tr.aspx ve eng.aspx adlı iki webform. Bunları projemize ekledikten sonra aşağıdaki kodları alert ile biten yukarıdaki kodun altına ekleyelim ve alert(dil) satırını silelim.

<script type="text/javascript">
    if (dil == "tr-TR"| dil == "tr") {
       //tarayıcımızın dili türkçe ise yapılacak işlem;
       //chrome tarayıcı dilini 'tr' olarak aldığı için
       //sorgumuza onu da ekledik
       document.location = "tr.aspx";
    }
    else {
       document.location = "eng.aspx";
    }
</script>

Videodaki çalışmayı buraya tıklayarak bilgisayarınıza indirebilirsiniz.

Sonraki derste görüşmek üzere, iyi günler.

Blog Yorumları (2 Yorum)

avatar
  1. avatar avatar

    {{comment.Name}} dedi ki

Bu makaleyi faydalı buldunuz mu?

Bu içerikle ilgili görüşleriniz önemlidir. Ne düşündüğünüzü söyleyin.

Bu makale faydalı mıydı?

Üzgünüm faydalı değil.
Bildiriminiz gönderiliyor...
Geri bildiriminiz için teşekkürler!
Gönderme sırasında hata alındı!