Holen Sie sich den Benutzeragenten in JavaScript
Dieser Artikel erklärt den Zweck von Agenten und informiert Sie darüber, wie sie im JavaScript-Quellcode funktionieren. Wir werden auch prüfen, wie wir einen Benutzeragenten im JavaScript-Programm erhalten können.
Was ist ein Benutzeragent
Ein User Agent ist eine Eigenschaft eines Navigators. Während einer URL-Anfrage vom Browser an den Server sendet unser Browser seinen Benutzeragenten an die Website, mit der wir interagieren.
Der Benutzeragent ist eine Zeichenfolge oder Zeile, die die Browser- und Betriebssystemkennung enthält.
Ein Benutzeragentenfeld ist in HTTP-Anforderungsheadern enthalten, und der Inhalt dieses Agentenfelds kann von Browser zu Browser variieren. Jeder Browser hat seinen spezifischen User Agent.
Diese Informationen können für Webserver hilfreich sein, um diese Dienste zu verwalten und verschiedene Webseiten für verschiedene Webbrowser oder Betriebssysteme bereitzustellen.
Beispielsweise könnte ein Webserver die mobile Webseite an einen mobilen Browser oder eine erweiterte Webseite an einen erweiterten Webbrowser senden. Und der Webserver kann Benutzern auch empfehlen, ihren Browser zu aktualisieren.
Hier ist ein Beispiel für User-Agent-Inhalte.
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.19041
Holen Sie sich den Benutzeragenten in JavaScript
In JavaScript können wir eine benutzerdefinierte Funktion erstellen, um den Inhalt der aktiven Browser-Agenten abzurufen. Mit Hilfe der navigator-Eigenschaft userAgent können wir das Inhaltsfeld des Agenten finden, und diese Eigenschaft ist schreibgeschützt.
Beispiel in JavaScript:
<html>
<head>
<title>get agent in JavaScript</title>
</head>
<script>
function getAgent()
{
let agent = navigator.userAgent; //get agent from navigator property
document.getElementById("agent").innerHTML = "User-agent:<br>" + agent;
}
</script>
<body>
<h1 style="color:blueviolet">DelftStack Learning</h1>
<h3>JavaScript Get Agent</h3>
<p>Click on button to get the agent</p>
<button onclick="getAgent()">Click me</button>
<p id="agent"></p>
</body>
</html>
Ausgang:
Wie im obigen Quellcode gezeigt, haben wir eine let-Typ-Funktion getAgent() in <script></script>-Tags deklariert, die durch ein Schaltflächenklickereignis ausgelöst wird.
Innerhalb dieser Funktion müssen wir den Inhalt des Benutzeragenten abrufen, indem wir die Eigenschaft navigator navigator.userAgent verwenden und diesen Zeichenfolgenwert in einer Variablen speichern. Dann haben wir diese Variable dem Absatzelement mit der Standardmethode des HTML-Dokuments getElementById("agent").innerHTML zugewiesen.
Wir haben das Button-Element Click me erstellt und auf dem Click-Event die Funktion getAgent() aufgerufen, um Agenteninhalte auf der Webseite anzuzeigen.
Sie können die obige Quelle mit der HTML-Erweiterung speichern und im Browser öffnen, um das Ergebnis anzuzeigen.