Wanneer we een webtoepassing ontwikkelen, kan het zijn dat we de browser moeten detecteren die de gebruiker gebruikt om bepaalde functionaliteit te valideren die we hebben geïmplementeerd en die er niet mee werkt of simpelweg omdat we extra functies willen inschakelen, afhankelijk van een of andere browser.
Het beste voor deze gevallen is om te gebruiken JavaScript en bespaar ons hoofdpijn om de browser te detecteren, laten we eens kijken hoe we het doen.
De browser detecteren
Laten we eerst een maken HTML eenvoudig om onze op te nemen JavaScript en verifieer onze validaties, het zal de volgende inhoud bevatten:
De browser van de gebruiker detecterenAl met onze code HTML we kunnen beginnen met het maken van onze code JavaScript die binnen de scripttags zal gaan. Laten we eerst een van de meest gebruikte browsers detecteren, Google Chrome, hiervoor gebruiken we het object navigator die alles bevat wat we nodig hebben:
var es_chrome = navigator.userAgent.toLowerCase ().indexOf ('chrome')> -1; if (es_chrome) {alert ("De gebruikte browser is Chrome"); }Bij het uitvoeren van ons voorbeeld in een andere browser dan Google Chrome We krijgen het bericht niet, maar wanneer we het in de genoemde browser uitvoeren, krijgen we het volgende bericht:
We weten al hoe we moeten detecteren Google Chrome, laten we eens kijken hoe het te doen voor Firefox:
var es_firefox = navigator.userAgent.toLowerCase ().indexOf ('firefox')> -1; if (es_firefox) {alert ("De gebruikte browser is Firefox"); }Zoals we kunnen zien, lijkt de code veel op elkaar, omdat we het object op dezelfde manier kunnen gebruiken navigator en als we ons realiseren dat we met de -1 alle versies ervan detecteren, laten we eens kijken naar de reactie van hetzelfde bij het uitvoeren ervan in Firefox:
We kunnen ook de browser detecteren Opera, Het wordt niet veel gebruikt door gebruikers, maar het is de moeite waard om te weten hoe u het op dezelfde manier kunt doen:
var is_opera = navigator.userAgent.toLowerCase ().indexOf ('opera'); if (es_opera) {alert ("De gebruikte browser is Opera"); }Tot slot is het belangrijk om te detecteren Internetverkenner Aangezien het een van de browsers is die meer problemen geeft bij webontwikkeling, op het niveau van stijlen, gebeurtenissen en effecten, laten we eens kijken hoe we het kunnen detecteren:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("De gebruikte browser is Internet Explorer"); }We voeren het uit in de browser en we zullen het volgende antwoord krijgen om onze functionaliteit te controleren:
We beëindigen deze tutorial dus door delen van code toe te voegen die ons zullen helpen de browser van de gebruiker te detecteren, iets dat erg handig is voor die gelegenheden waar we zijn omgeving moeten valideren, of we motorproblemen moeten oplossen of speciale functies ervoor moeten inschakelen.
Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
