Find browser med JavaScript

Når vi udvikler en webapplikation, kan det være tilfældet, at vi er nødt til at registrere den browser, som brugeren bruger til at validere nogle funktioner, som vi har implementeret, og som ikke fungerer med det eller simpelthen fordi vi ønsker at aktivere yderligere funktioner afhængigt af en eller anden browser.

Det bedste ved disse sager er at bruge JavaScript og spar os hovedpine for at opdage browseren, lad os se, hvordan vi gør det.

Registrering af browseren

Lad os først oprette en HTML enkelt at inkludere vores JavaScript og verificere vores valideringer, vil det indeholde følgende indhold:

 Registrering af brugerens browser 

Allerede med vores kode HTML vi kan begynde at oprette vores kode JavaScript som vil gå inde i script -tags. Lad os først opdage en af ​​de mest brugte browsere, Google Chrome, til dette vil vi bruge objektet navigator som indeholder alt hvad vi har brug for:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Den browser, der bruges, er Chrome"); }

Når vi kører vores eksempel i en anden browser end Google Chrome Vi får ikke beskeden, men når vi udfører den i den nævnte browser, får vi følgende besked:

Vi ved allerede, hvordan vi skal opdage det Google Chrome, lad os se, hvordan man gør det for Firefox:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Den browser, der bruges, er Firefox"); }

Som vi kan se, er koden ret ens, da vi kan bruge objektet på samme måde navigator og hvis vi indser, at vi med -1 opdager alle versioner af det, lad os se svaret på det samme, når vi udfører det i Firefox:

Vi kan også registrere browseren Opera, Det er ikke udbredt blandt brugere, men det er værd at vide, hvordan man gør det lige:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Den browser, der bruges, er Opera"); }

Endelig er det vigtigt at opdage Internet explorer Da det er en af ​​de browsere, der giver flere problemer i webudvikling, på niveau med stilarter, begivenheder og effekter, lad os se, hvordan vi opdager det:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Den browser, der bruges, er Internet Explorer"); }

Vi udfører det i browseren, og vi får følgende svar og kontrollerer derfor vores funktionalitet:

Vi afslutter således denne vejledning og tilføjer dele af kode, der hjælper os med at opdage brugerens browser, noget meget nyttigt til de lejligheder, hvor vi skal validere dets miljø, om vi skal løse motorproblemer eller aktivere særlige funktioner til det.

Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt