Navigator ist ein Objekt, das verschiedene Eigenschaften bereitstellt, um die aktuellen Webbrowser-Funktionen und -Eigenschaften abzurufen, die Entwicklern bei der Auswahl des richtigen Browsers für ihre Anwendung helfen. Das ' Navigator Das Objekt bietet eine Eigenschaft mit dem Namen „userAgentData“, die Daten zum aktuellen Webbrowser bereitstellt, z. B. das UI-Design, Schriftgrößen oder Interaktionen, um sie besser an die Benutzerumgebung anzupassen. Es gibt viele andere Eigenschaften, die das Navigatorobjekt bereitstellt und die in unserem kurz besprochen werden Artikel 1 Und Artikel 2 .
In diesem Blog wird die Eigenschaft „userAgentData“ des Navigator-Objekts in JavaScript erläutert.
Wie erfasst man die Navigator-Eigenschaft userAgentData?
Die Informationen der „ userAgentData Mit dieser Eigenschaft können Entwickler verschiedene Browserumgebungen durchsuchen und alle Probleme identifizieren, die auf bestimmten Plattformen auftreten könnten. Der Zugriff erfolgt über „ Navigator ' Objekt. Die Werte für Eigenschaften „ Marken“, „mobil“ und „Plattform“. ” kann mit der Funktion „ userAgentData ”-Eigenschaft des Navigator-Objekts.
Syntax
Der Navigator“ userAgentData Die Eigenschaft „“ hat die folgende Syntax:
Navigator. userAgentData
Die obige Syntax gibt die Werte für enthaltende Eigenschaften wie „ Marken“, „mobil“ und „Plattform“. ” relativ zum Webbrowser.
Lassen Sie uns ein Programm erstellen, um die praktische Demonstration zu sehen:
< Körper >< h1 Stil = „Farbe: Kadettenblau;“ > Linux < / h1 >< Taste onclick = „Marken()“ > Marken abrufen < / Taste >
< Taste onclick = 'Handy, Mobiltelefon()' > Mobil abrufen < / Taste >
< Taste onclick = 'Plattform()' > Marken abrufen < / Taste >
< Skript >
Funktion Marken(){
console.log( navigator.userAgentData.brands )
}
Funktion mobile(){
console.log('Sie sehen auf Mobilgeräten: ' + navigator.userAgentData.mobile)
}
Funktion platform(){
console.log('Die Plattform oder das Betriebssystem, das Sie verwenden:\n ' + navigator.userAgentData.platform)
}
< / Skript >
< / Körper >
Die Beschreibung des im obigen Codeblock angezeigten Codes lautet wie folgt:
- Zuerst drei „< Taste >“-Tags werden verwendet, die das „ brand()“, „mobile()“ und „platform()“ „Benutzerdefinierte Funktionen mithilfe des „onclick“-Ereignis-Listeners.
- Innerhalb des „< Skript >“-Tag, definieren Sie das „ Marken ()“-Funktion, die mithilfe der Eigenschaft „navigator.userAgentData.brands“ Markeninformationen für den Webbrowser abruft. Zeigen Sie außerdem das von dieser Eigenschaft abgerufene Ergebnis über die Konsole an.
- Definieren Sie auf die gleiche Weise „ mobile()“ und „platform()“ ”-Funktionen und nutzen Sie die „ navigator.userAgentData.mobile“ und „navigator.userAgentData.platform ”Eigenschaften bzw.
- Diese Eigenschaften geben die entsprechenden Daten über die Konsole zurück.
Das Endergebnis sieht so aus:
Die Ausgabe zeigt, dass durch Klicken auf die Schaltfläche der entsprechende Wert abgerufen und über dem Konsolenfenster angezeigt wird.
Bonus-Tipp: Verwendung der Navigator-Eigenschaft userAgent
Der ' User-Agent „Eigenschaft wird auch bereitgestellt durch die „ Navigator ”-Objekt gibt es den Namen, die Version und die Plattform für den aktuellen Browser zurück, der vom Benutzer verwendet wird. Die praktische Demonstration dieser Navigatoreigenschaft ist unten aufgeführt:
< Körper >< h1 Stil = „Farbe: Kadettenblau;“ > Linuxhint < / h1 >
< Taste onclick = „browserData()“ > Browserbezogen Daten < / Taste >
< P Ausweis = 'Ziel' >< / P >< Skript >
Funktion browserData ( ) { console.log ( navigator.userAgent ) }
< / Skript >
< / Körper >
Der obige Code wird wie folgt beschrieben:
- Zuerst wird das „< Taste >“-Tag wird zusammen mit „ onclick ”-Ereignis-Listener, der die Funktion „browserData()“ aufruft.
- Als nächstes ist dies „ browserData ()“-Funktion ist innerhalb der „< Skript >“-Tag. Diese Funktion nutzt die „ navigator.userAgent ”-Eigenschaft und das Ergebnis wird über der Konsole angezeigt.
Vorschau der Webseite nach Fertigstellung des obigen Codes:
Die Ausgabe zeigt, dass Daten im Zusammenhang mit dem Webbrowser abgerufen und über dem Konsolenfenster angezeigt wurden.
Sie haben die Vorgehensweise zum Erfassen der Navigator-Eigenschaft „userAgentData“ kennengelernt.
Abschluss
Der ' navigator.userAgentData Die Eigenschaft „ruft die browserspezifischen Werte ab, was sehr hilfreich ist, wenn Entwickler die Anwendung speziell für einen oder mehrere Webbrowser erstellen. Diese Eigenschaft kann die Werte für „ Marken“, „mobil“ und „Plattform“. ”-Strings variieren die zurückgegebenen Werte von Browser zu Browser. Die Zeichenfolge muss neben dem „ navigator.userAgentData ”-Eigenschaft, um den Wert nur für diese Zeichenfolge zurückzugeben. In diesem Blog wurde der Prozess zur Verwendung der Eigenschaft navigator.userAgentData in JavaScript erfolgreich erklärt.