Prilikom razvoja web aplikacije može se dogoditi da moramo otkriti preglednik koji korisnik koristi za provjeru neke funkcionalnosti koju smo implementirali i koja ne radi s njim ili jednostavno zato što želimo omogućiti dodatne značajke ovisno o jedan ili drugi preglednik.
Najbolje za ove slučajeve je korištenje JavaScript i uštedite nam glavobolje da otkrijemo preglednik, da vidimo kako ćemo to učiniti.
Otkrivanje preglednika
Prvo stvorimo a HTML jednostavno uključiti naše JavaScript i provjeriti naše valjanosti, sadržavat će sljedeći sadržaj:
Otkrivanje preglednika korisnikaVeć s našim kodom HTML možemo početi stvarati naš kôd JavaScript koji će ući unutar oznaka skripte. Otkrijmo najprije jedan od najčešće korištenih preglednika, Google Chrome, za to ćemo koristiti objekt navigator koji sadrži sve što nam je potrebno:
var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Preglednik koji se koristi je Chrome"); }Prilikom izvođenja našeg primjera u bilo kojem pregledniku osim Google Chrome Poruku nećemo dobiti, no prilikom izvršavanja u spomenutom pregledniku dobit ćemo sljedeću poruku:
Već znamo kako detektirati Google Chrome, da vidimo kako to učiniti Firefox:
var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Preglednik koji se koristi je Firefox"); }Kao što vidimo, kod je prilično sličan, budući da objekt možemo koristiti na isti način navigator i ako shvatimo s -1 da detektiramo sve njegove verzije, pogledajmo odgovor iste prilikom izvođenja u Firefox:
Također možemo otkriti preglednik Opera, Ne koristi se široko među korisnicima, ali vrijedi znati kako to učiniti jednako:
var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Preglednik koji se koristi je Opera"); }Konačno, važno je otkriti Internet Explorer Budući da je jedan od preglednika koji daje više problema u web razvoju, na razini stilova, događaja i efekata, da vidimo kako ga otkriti:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Preglednik koji se koristi je Internet Explorer"); }Izvršimo ga u pregledniku i dobit ćemo sljedeći odgovor provjeravajući našu funkcionalnost:
Završavamo ovaj vodič, dodajući dijelove koda koji će nam pomoći u otkrivanju korisničkog preglednika, nešto vrlo korisno za one prilike u kojima moramo potvrditi njegovo okruženje, bilo da rješavamo probleme s motorom ili omogućimo posebne značajke za njega.
Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
