In diesem Blog werden die Ansätze zum Abrufen von Benutzeragenten in JavaScript erläutert.
Wie bekomme ich einen Benutzeragenten in JavaScript?
Das ' User-Agent ”-Eigenschaft gibt den Header des User-Agent an, der vom Browser an den Server gesendet wird. Der User-Agent kann mit dem „ User-Agent ”-Eigenschaft in verschiedenen Szenarien. Diese Szenarien sind wie folgt:
Beispiel 1: Benutzeragenten in JavaScript mit benutzerdefinierter Funktion abrufen
Dieses spezielle Beispiel kann angewendet werden, um den Benutzeragenten von zwei verschiedenen Browsern mit Hilfe einer benutzerdefinierten Funktion abzurufen.
Schauen wir uns das folgende Code-Snippet an:
< h3 > Holen Sie sich den Benutzeragenten in JavaScript h3 >
< Schaltfläche anklicken = 'User-Agent()' > Klicke um erhalten User-Agent Taste >
< h3-ID = 'wieder' Stil = 'Hintergrundfarbe: hellblau;' > h3 >
Im obigen Code:
- Fügen Sie im ersten Schritt die angegebene Überschrift hinzu.
- Erstellen Sie danach eine Schaltfläche mit einem angehängten „ anklicken ”-Ereignis, das die benutzerdefinierte Funktion userAgent() aufruft.
- Fügen Sie im nächsten Schritt die Überschrift mit dem angegebenen „ Ich würde ” um das Ergebnis zu enthalten “ User-Agent “.
Fahren wir mit dem JavaScript-Teil des Codes fort:
Funktion User-Agent ( ) {Lassen erhalten = Navigator. User-Agent ;
dokumentieren. getElementById ( 'wieder' ) . innerHTML = 'User-Agent ist: ' + erhalten ;
}
Führen Sie im obigen js-Code die folgenden Schritte aus:
- Deklarieren Sie eine Funktion mit dem Namen „ User-Agent() “.
- Wenden Sie in seiner Definition das „ User-Agent ”-Eigenschaft, die Informationen über den Namen des Browsers, die Version usw. zurückgibt.
Ausgabe (für Chrome-Browser)
Ausgabe (für Microsoft Edge Browser)
Aus den obigen Ausgaben kann der Unterschied des Benutzeragenten in beiden Browsern beobachtet werden.
Beispiel 2: Benutzeragenten in JavaScript mithilfe von Switch-Anweisungen abrufen
Das ' Schalter ”-Anweisung wird verwendet, um verschiedene Bedingungen auf die Aktionen anzuwenden. Diese Anweisung kann angewendet werden, um eine Prüfung auf verschiedene Browser anzuwenden, um den entsprechenden Benutzeragenten zurückzugeben.
Syntax
Schnur. Index von ( Suche , Anfang )In der angegebenen Syntax:
- „ Suche “ bezieht sich auf die zu durchsuchende Zeichenkette.
- „ Anfang “ gibt die Startposition an.
Beispiel
Kommen wir zum folgenden Beispiel.
Führen Sie im folgenden Beispiel die folgenden Schritte aus:
- Umfassen die ' Überschrift “, um die resultierende Nachricht zu enthalten.
- Erstellen Sie eine Funktion und wenden Sie die „ Schalter ” Anweisung mit dem angegebenen “ boolesch ” Wert als Parameter.
- Wenden Sie in seiner Definition ein Häkchen auf den angegebenen „ Browser “ durch Behandlung der Ausnahme von „ -1 ” d.h. kein Wert gefunden.
- Wenden Sie auch das „ Index von() ”-Methode, um die enthaltene Zeichenfolge in ihrem Parameter im resultierenden Benutzeragenten zu überprüfen. Diese Bedingung führt zur Konfiguration des entsprechenden Browsers.
- Wenden Sie danach das „ User-Agent ” Eigentum zusammen mit dem “ nach Kleinbuchstaben () “-Methode, um den Benutzeragenten des entsprechenden Browsers abzurufen und in Kleinbuchstaben umzuwandeln.
- Wenden Sie abschließend das „ innerText ”-Eigenschaft, um den entsprechenden Browsernamen zusammen mit seinem Benutzeragenten anzuzeigen.
< h3 > h3 >
Karosserie >
- 1 :
Rückkehr 'MS Edge' ;
Fall Agent. Index von ( 'Kante/' ) > - 1 :
Rückkehr 'Edge (auf Chrombasis)' ;
Fall Agent. Index von ( 'opr' ) > - 1 && !! Fenster. opr :
Rückkehr 'Oper' ;
Fall Agent. Index von ( 'Chrom' ) > - 1 && !! Fenster. Chrom :
Rückkehr 'Chrom' ;
Fall Agent. Index von ( 'Safari' ) > - 1 :
Rückkehr 'Safari' ;
Ursprünglich : Rückkehr 'Sonstiges' ;
} } )
( Fenster. Navigator . User-Agent . zu Kleinbuchstaben ( ) ) ;
dokumentieren. querySelector ( 'h3' ) . innerText = 'Du benutzt ' + Browsername + ' Browser' ;
Konsole. Protokoll ( Fenster. Navigator . User-Agent . zu Kleinbuchstaben ( ) ) ;
Skript >
Ausgabe (für Chrome-Browser)
Ausgabe (für Microsoft Edge Browser)
In den obigen Ausgaben ist ersichtlich, dass beide Browser zusammen mit ihren Benutzeragenten erkannt werden.
Alle praktischen Ansätze wurden besprochen, um Benutzeragenten in JavaScript zu erhalten.
Fazit
Das ' User-Agent “ lässt sich für verschiedene Browser mit Hilfe von „ benutzerdefinierten “ Funktion sowie die „ Schalter “-Anweisung in JavaScript. Ersteres Beispiel ist einfach und kann implementiert werden, um den Benutzeragenten des entsprechenden Browsers zu erhalten und als Überschrift zurückzugeben. Der letztere Ansatz behandelt mehrere Browser basierend auf dem darin enthaltenen Zeichenfolgenwert und gibt den Benutzeragenten des entsprechenden Browsers zurück. In diesem Artikel wird erklärt, wie Sie einen Benutzeragenten in JavaScript erhalten.