Finn nettleseren med JavaScript

Når vi utvikler en webapplikasjon kan det være slik at vi må oppdage nettleseren som brukeren bruker for å validere noen funksjoner som vi har implementert, og som ikke fungerer med den eller bare fordi vi ønsker å aktivere flere funksjoner avhengig av en eller annen nettleser.

Det beste for disse sakene er å bruke JavaScript og spar oss hodepine for å oppdage nettleseren, la oss se hvordan vi gjør det.

Oppdager nettleseren

La oss først lage en HTML enkelt å inkludere vår JavaScript og bekrefte valideringene våre, vil den inneholde følgende innhold:

 Oppdager brukerens nettleser 

Allerede med koden vår HTML vi kan begynne å lage koden vår JavaScript som kommer inn i skriptetikettene. La oss først oppdage en av de mest brukte nettleserne, Google Chrome, for dette vil vi bruke objektet navigator som inneholder alt vi trenger:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Nettleseren som brukes er Chrome"); }

Når du kjører vårt eksempel i en hvilken som helst nettleser enn Google Chrome Vi får ikke meldingen, men når vi kjører den i den nevnte nettleseren, får vi følgende melding:

Vi vet allerede hvordan vi skal oppdage Google Chrome, la oss se hvordan du gjør det for Firefox:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Nettleseren som brukes er Firefox"); }

Som vi kan se, er koden ganske lik, siden vi kan bruke objektet på samme måte navigator og hvis vi innser at med -1 oppdager vi alle versjonene av det, la oss se svaret til det samme når vi kjører det inn Firefox:

Vi kan også oppdage nettleseren Opera, Det er ikke mye brukt blant brukere, men det er verdt å vite hvordan du gjør det likt:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Nettleseren som brukes er Opera"); }

Til slutt er det viktig å oppdage Internet Explorer Siden det er en av nettleserne som gir flere problemer i webutvikling, på nivå med stiler, hendelser og effekter, la oss se hvordan vi oppdager det:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Nettleseren som brukes er Internet Explorer"); }

Vi kjører det i nettleseren, og vi vil få følgende svar og dermed kontrollere funksjonaliteten vår:

Vi avslutter dermed denne opplæringen og legger til deler av kode som vil hjelpe oss med å oppdage brukerens nettleser, noe som er veldig nyttig for de tilfellene der vi må validere miljøet, enten vi skal løse motorproblemer eller aktivere spesialfunksjoner for det.

Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng