Detectați browserul cu JavaScript

Când dezvoltăm o aplicație web, poate fi cazul să detectăm browserul pe care utilizatorul îl folosește pentru a valida unele funcționalități pe care le-am implementat și care nu funcționează cu aceasta sau pur și simplu pentru că dorim să activăm funcții suplimentare în funcție de un browser sau altul.

Cel mai bun lucru pentru aceste cazuri este de a folosi JavaScript și să ne salveze durerile de cap pentru a detecta browserul, să vedem cum o facem.

Detectarea browserului

Să creăm mai întâi un HTML simplu de inclus pe noștri JavaScript și verifică validările noastre, acesta va conține următorul conținut:

 Detectarea browserului utilizatorului 

Deja cu codul nostru HTML putem începe să ne creăm codul JavaScript care va intra în etichetele script. Să detectăm mai întâi unul dintre cele mai utilizate browsere, Google Chrome, pentru aceasta vom folosi obiectul navigator care conține tot ce avem nevoie:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert („Browserul utilizat este Chrome”); }

Când rulăm exemplul nostru în orice alt browser decât Google Chrome Nu vom primi mesajul, cu toate acestea, atunci când îl executăm în browserul menționat, vom primi următorul mesaj:

Știm deja cum să detectăm Google Chrome, să vedem cum să o facem Firefox:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Browserul utilizat este Firefox"); }

După cum putem vedea, codul este destul de similar, deoarece putem folosi obiectul în același mod navigator și dacă ne dăm seama cu -1 detectăm toate versiunile acestuia, să vedem răspunsul aceluiași atunci când îl executăm în Firefox:

De asemenea, putem detecta browserul Operă, Nu este utilizat pe scară largă în rândul utilizatorilor, dar merită să știți cum să o faceți în mod egal:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Browserul utilizat este Opera"); }

În cele din urmă, este important să detectăm Internet Explorer Deoarece este unul dintre browserele care oferă mai multe probleme în dezvoltarea web, la nivel de stiluri, evenimente și efecte, să vedem cum să îl detectăm:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert („Browserul utilizat este Internet Explorer”); }

O executăm în browser și vom obține următorul răspuns astfel verificându-ne funcționalitatea:

Încheiem astfel acest tutorial, adăugând porțiuni de cod care ne vor ajuta să detectăm browserul utilizatorului, ceva foarte util pentru acele ocazii în care trebuie să-i validăm mediul, fie pentru a rezolva problemele motorului, fie pentru a activa caracteristici speciale pentru acesta.

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv