Bir web uygulaması geliştirirken, uyguladığımız ve onunla çalışmayan bazı işlevleri doğrulamak için kullanıcının kullandığı tarayıcıyı algılamamız gerekebilir ya da yalnızca aşağıdakilere bağlı olarak ek özellikleri etkinleştirmek istiyoruz. bir tarayıcı veya başka.
Bu durumlar için en iyi şey kullanmaktır. JavaScript ve tarayıcıyı algılamak için bizi baş ağrısından kurtarın, bakalım nasıl yapacağız.
Tarayıcıyı algılama
Önce bir oluşturalım HTML bizim dahil etmek için basit JavaScript ve doğrulamalarımızı doğrulayın, aşağıdaki içeriği içerecektir:
Kullanıcının tarayıcısını algılamaZaten kodumuzla HTML kodumuzu oluşturmaya başlayabiliriz JavaScript bu komut dosyası etiketlerinin içine girecek. Önce en çok kullanılan tarayıcılardan birini tespit edelim, Google Chrome, bunun için nesneyi kullanacağız gezgin ihtiyacımız olan her şeyi içeren:
var es_chrome = navigator.userAgent.toLowerCase().indexOf ('chrome')> -1; if (es_chrome) {alert ("Kullanılan tarayıcı Chrome'dur"); }Örneğimizi başka bir tarayıcıda çalıştırırken Google Chrome Mesajı almayacağız, ancak belirtilen tarayıcıda çalıştırırken aşağıdaki mesajı alacağız:
Nasıl tespit edeceğimizi zaten biliyoruz Google Chrome, bunun için nasıl yapılacağını görelim Firefox:
var es_firefox = navigator.userAgent.toLowerCase().indexOf ('firefox')> -1; if (es_firefox) {alert ("Kullanılan tarayıcı Firefox'tur"); }Gördüğümüz gibi, nesneyi aynı şekilde kullanabildiğimiz için kod oldukça benzer. gezgin ve -1 ile bunun tüm versiyonlarını tespit ettiğimizi fark edersek, çalıştırırken aynısının cevabını görelim Firefox:
Tarayıcıyı da tespit edebiliriz Opera, Kullanıcılar arasında yaygın olarak kullanılmaz, ancak eşit olarak nasıl yapılacağını bilmeye değer:
var is_opera = navigator.userAgent.toLowerCase().indexOf ('opera'); if (es_opera) {alert ("Kullanılan tarayıcı Opera'dır"); }Son olarak, tespit etmek önemlidir internet gezgini Web geliştirmede stiller, olaylar ve efektler düzeyinde daha fazla sorun çıkaran tarayıcılardan biri olduğu için nasıl tespit edileceğine bakalım:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Kullanılan tarayıcı Internet Explorer'dır"); }Tarayıcıda çalıştırıyoruz ve aşağıdaki yanıtı alacağız, böylece işlevselliğimizi kontrol edeceğiz:
Bu öğreticiyi, kullanıcının tarayıcısını algılamamıza yardımcı olacak kod bölümlerini ekleyerek sonlandırıyoruz, motor sorunlarını çözmek veya bunun için özel özellikleri etkinleştirmek için ortamını doğrulamamız gereken durumlar için çok yararlı bir şey.
Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
