Bu blog, JavaScript'te kullanıcı aracıları edinme yaklaşımlarını açıklayacaktır.
JavaScript'te Kullanıcı Aracısı Nasıl Elde Edilir?
“ kullanıcı Aracısı ” özelliği, tarayıcı tarafından sunucuya gönderilen user-agent'ın başlığını verir. Kullanıcı aracısı “ kullanılarak getirilebilir. kullanıcı Aracısı ” özelliği farklı senaryolarda. Bu senaryolar aşağıdaki gibidir:
Örnek 1: Kullanıcı Tanımlı İşlevi Kullanarak JavaScript'te Kullanıcı Aracısını Alın
Bu özel örnek, kullanıcı tanımlı bir işlev yardımıyla iki farklı tarayıcının kullanıcı aracısını almak için uygulanabilir.
Aşağıdaki kod parçasına bir göz atalım:
< h3 > Kullanıcı Aracısını Alın içinde JavaScript h3 >
< tıklama düğmesi = 'userAgent()' > Tıkla almak Kullanıcı Aracısı buton >
< h3 kimliği = 'Yeniden' stil = 'arka plan rengi: açık mavi;' > h3 >
Yukarıdaki kodda:
- İlk adımda, belirtilen başlığı ekleyin.
- Bundan sonra, ekli bir düğme oluşturun ' tıklamada ” kullanıcı tanımlı userAgent() işlevini çağıran olay.
- Bir sonraki adımda, belirtilen “ ile başlığı ekleyin. İD ' sonucu içermek için ' kullanıcı aracısı ”.
Kodun JavaScript kısmına devam edelim:
işlev kullanıcı Aracısı ( ) {İzin Vermek almak = gezgin. kullanıcı Aracısı ;
belge. getElementById ( 'Yeniden' ) . içHTML = 'User-agent is: ' + almak ;
}
Yukarıdaki js kodunda aşağıdaki adımları gerçekleştirin:
- “ adlı bir işlev bildirin. userAgent() ”.
- Tanımında, “ kullanıcı Aracısı ” tarayıcının adı, sürümü vb. bilgileri döndürecek özellik.
Çıktı (Chrome Tarayıcı için)
Çıktı (Microsoft Edge Tarayıcı için)
Yukarıdaki çıktılardan, her iki tarayıcıdaki kullanıcı aracısının farkı gözlemlenebilir.
Örnek 2: Anahtar İfadelerini Kullanarak JavaScript'te Kullanıcı Aracısını Alın
“ değiştirmek ” ifadesi, eylemler üzerine çeşitli koşullar uygulamak için kullanılır. Bu ifade, karşılık gelen kullanıcı aracısını döndürmek için çeşitli tarayıcılarda bir kontrol uygulamak için uygulanabilir.
Sözdizimi
sicim. indeksi ( arama , Başlat )Verilen söz diziminde:
- “ arama ” aranacak diziyi ifade eder.
- “ Başlat ” başlangıç konumunu gösterir.
Örnek
Aşağıdaki örneğe geçelim.
Aşağıdaki örnekte, aşağıdaki adımları gerçekleştirin:
- Dahil et ' başlık Ortaya çıkan mesajı içermek için ”.
- Bir işlev oluşturun ve “ değiştirmek ” ile belirtilen ifade” mantıksal ” parametresi olarak değer.
- Tanımında, belirtilen “ üzerinde bir kontrol uygulayın. tarayıcılar ' istisnasını işleyerek ' -1 ” yani hiçbir değer bulunamadı.
- Ayrıca, “ indeksi() Sonuç kullanıcı aracısındaki parametresinde içerilen dizeyi kontrol etmek için ” yöntemi. Bu koşul, karşılık gelen tarayıcının yapılandırılmasıyla sonuçlanacaktır.
- Bundan sonra, “ kullanıcı Aracısı 'mülk ile birlikte' toLowerCase() ” İlgili tarayıcının kullanıcı aracısını alma ve küçük harfe dönüştürme yöntemi.
- Son olarak, “ iç metin İlgili tarayıcı adını kullanıcı aracısıyla birlikte görüntülemek için ” özelliği.
< h3 > h3 >
gövde >
- 1 :
dönüş 'MS Kenar' ;
dava ajan. indeksi ( 'kenar/' ) > - 1 :
dönüş 'Kenar (krom bazlı)' ;
dava ajan. indeksi ( 'iş' ) > - 1 && !! pencere. işlem :
dönüş 'Opera' ;
dava ajan. indeksi ( 'krom' ) > - 1 && !! pencere. krom :
dönüş 'Krom' ;
dava ajan. indeksi ( 'safari' ) > - 1 :
dönüş 'Safari' ;
varsayılan : dönüş 'başka' ;
} } )
( pencere. gezgin . kullanıcı Aracısı . küçük harf ( ) ) ;
belge. sorgu seçici ( 'h3' ) . iç Metin = 'Kullanıyorsun ' + tarayıcıAdı + ' tarayıcı' ;
konsol. kayıt ( pencere. gezgin . kullanıcı Aracısı . küçük harf ( ) ) ;
senaryo >
Çıktı(Chrome Tarayıcı için)
Çıktı (Microsoft Edge Tarayıcı için)
Yukarıdaki çıktılarda, her iki tarayıcının da kullanıcı aracılarıyla birlikte algılandığı açıktır.
Kullanıcı aracısını JavaScript'te elde etmek için tüm uygun yaklaşımlar tartışılmıştır.
Çözüm
“ kullanıcı aracısı ”, çeşitli tarayıcılar için “ yardımıyla getirilebilir. Kullanıcı tanımlı ” işlevinin yanı sıra “ değiştirmek ” ifadesi JavaScript'te. Önceki örnek basittir ve karşılık gelen tarayıcının kullanıcı aracısını almak ve onu bir başlık olarak döndürmek için uygulanabilir. İkinci yaklaşım, içlerinde bulunan dize değerine göre birden çok tarayıcıyı işler ve karşılık gelen tarayıcının kullanıcı aracısını döndürür. Bu yazı, JavaScript'te bir kullanıcı aracısının nasıl alınacağını açıklar.