Upptäck webbläsare med JavaScript

När vi utvecklar en webbapplikation kan det vara så att vi måste upptäcka webbläsaren som användaren använder för att validera vissa funktioner som vi har implementerat och som inte fungerar med den eller helt enkelt för att vi vill aktivera ytterligare funktioner beroende på en eller annan webbläsare.

Det bästa för dessa fall är att använda JavaScript och spara oss huvudvärk för att upptäcka webbläsaren, låt oss se hur vi gör det.

Upptäck webbläsaren

Låt oss först skapa en HTML enkelt att inkludera vår JavaScript och verifiera våra valideringar, kommer det att innehålla följande innehåll:

 Upptäcker användarens webbläsare 

Redan med vår kod HTML vi kan börja skapa vår kod JavaScript som kommer att gå in i skriptetiketterna. Låt oss först upptäcka en av de mest använda webbläsarna, Google Chrome, för detta kommer vi att använda objektet navigatör som innehåller allt vi behöver:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Webbläsaren som används är Chrome"); }

När vi kör vårt exempel i någon annan webbläsare än Google Chrome Vi får inte meddelandet, men när vi kör det i den nämnda webbläsaren får vi följande meddelande:

Vi vet redan hur vi ska upptäcka det Google Chrome, låt oss se hur man gör det för Firefox:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Webbläsaren som används är Firefox"); }

Som vi kan se är koden ganska lika, eftersom vi kan använda objektet på samma sätt navigatör och om vi inser med -1 upptäcker vi alla versioner av det, låt oss se svaret på samma när vi kör det in Firefox:

Vi kan också upptäcka webbläsaren Opera, Det används inte mycket bland användare men det är värt att veta hur man gör det lika:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Webbläsaren som används är Opera"); }

Slutligen är det viktigt att upptäcka Internet explorer Eftersom det är en av webbläsarna som ger fler problem i webbutveckling, på nivå med stilar, händelser och effekter, låt oss se hur man upptäcker det:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Webbläsaren som används är Internet Explorer"); }

Vi kör det i webbläsaren och vi kommer att få följande svar och därmed kontrollera vår funktion:

Vi avslutar därmed denna handledning och lägger till delar av kod som hjälper oss att upptäcka användarens webbläsare, något som är mycket användbart för de tillfällen där vi behöver validera dess miljö, om vi ska lösa motorproblem eller aktivera specialfunktioner för den.

Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng