Einführung in Navigator in JavaScript
Navigator in JavaScript ist ein Objekt, das Details zu dem Browser bereitstellt, mit dem der Benutzer auf die Webanwendung zugreift. Da wir über das Document Object Model (DOM) verfügen, um die Manipulation der Daten zu steuern, verfügen wir über das Browser Object Model (BOM), mit dem wir steuern können, wie Anwendungen im Browser angezeigt werden. Einige der Entitäten der Stückliste sind:
- Geschichte
- Ort
- Bildschirm
- Dokumentieren
- Navigator
Das JavaScript-Navigatorobjekt hilft beim Anpassen unserer Anwendung basierend auf dem Browser des Benutzers und den in den Browsereinstellungen aktivierten oder deaktivierten Entitäten, da bekannt ist, dass alle Browser voneinander verschieden sind und JavaScript unterschiedlich behandeln.
In diesem Artikel wird der von JavaScript verwendete Stücklistennavigator erläutert.
Eigenschaften von Navigator in JavaScript
JavaScript Navigator bietet verschiedene Methoden und Eigenschaften, mit denen interessante Informationen über den Browser des Benutzers abgerufen werden können. Dies kann dem Programmierer helfen, zu erkennen und zu finden, welche Funktionen vom Browser unterstützt werden oder nicht.
Jetzt wissen wir, dass das Navigator-Objekt dabei hilft, festzustellen, welche Art von Browser der Benutzer verwendet hat. In diesem Abschnitt des Artikels werden häufig verwendete Eigenschaften und Methoden des Navigatorobjekts erläutert und einige Informationen zu unserem Browser abgerufen.
Das Navigatorobjekt ist eine Fenstereigenschaft, auf die zugegriffen werden kann
window.navigator or navigator
Da es sich bei dem Fenster um ein globales Objekt handelt und es sich an der Spitze der Bereichskette befindet, kann auf es zugegriffen werden, ohne das Fensterpräfix hinzuzufügen.
Tabelle 1: Eigenschaften des Navigator-Objekts
Im Folgenden werden einige Eigenschaften von Navigatorobjekten aufgeführt
Eigentum | Beschreibung |
appCodeName | Gibt den Codenamen des Browsers zurück |
App Name | Gibt den Namen des Browsers zurück |
App Version | Gibt die Versionsinformationen des Browsers zurück |
cookieEnabled | Legt fest, ob Cookies im Browser aktiviert sind |
geolocation | Gibt ein Geolocation-Objekt zurück, mit dem die Position des Benutzers ermittelt werden kann |
Sprache | Gibt die Sprache des Browsers zurück |
online | Legt fest, ob der Browser online ist |
Plattform | Gibt zurück, für welche Plattform der Browser kompiliert wurde |
Produkt | Gibt den Modulnamen des Browsers zurück |
User-Agent | Gibt den vom Browser an den Server gesendeten Benutzeragenten-Header zurück |
Tabelle 2: Methoden des Navigator-Objekts
Methode | Beschreibung |
javaEnabled () | Gibt an, ob im Browser Java aktiviert ist |
taintEnabled () | In JavaScript Version 1.2 entfernt. Gibt an, ob für den Browser Daten-Tainting aktiviert ist |
Durch das Tainting von Daten kann ein Fenster die Eigenschaften in einem anderen Fenster anzeigen und wird entfernt, da sich herausgestellt hat, dass dies ein hohes Sicherheitsrisiko darstellt.
Beispiel 1
Navigatoreigenschaften und -methoden
Code:
document.write(" Code Name of the Browser : ", navigator.appCodeName + "
");
document.write(" Name of the Browser : ", navigator.appName + "
");
document.write(" Cookies Enabled : ", navigator.cookieEnabled + "
");
document.write(" Platform of the Browser : ", navigator.platform + "
");
document.write(" Browser in onLine Mode : ", navigator.onLine + "
");
document.write(" Java Enabled : ", navigator.javaEnabled());
Ausgabe:
Ein wichtiger Punkt ist, dass navigator.appCodeName aus Kompatibilitätsgründen immer zu „Mozilla“ führt. Außerdem verwenden wir Chrome, Firefox, IE11 oder Safari. Die Eigenschaft appName des Navigatorobjekts führt immer zu "Netscape". Wir müssen auch berücksichtigen, dass die vom Navigatorobjekt zurückgegebenen Informationen häufig falsch oder irreführend sein können, da die vom Navigatorobjekt zurückgegebenen Daten vom Benutzer geändert werden können. Der Browser meldet kein neues Betriebssystem, das nach dem Browser freigegeben wurde Browser können denselben Namen verwenden. Die Eigenschaften der Navigatorobjekte sind schreibgeschützt. Neben den Eigenschaften und Methoden verfügt der JavaScript-Navigator über eine weitere Funktion, die als Sammlungen bezeichnet wird.
Tabelle 3: Sammlungen von Navigator-Objekten
In der folgenden Tabelle sind die im JavaScript-Navigatorobjekt vorhandenen Auflistungen aufgelistet. Anschließend sehen wir ein Beispiel dafür.
Sammlung | Beschreibung |
Plugins() | Gibt einen Verweis auf alle eingebetteten Objekte im Dokument zurück |
mimeTypes | Gibt eine Sammlung von MIME-Typen zurück, die vom Client-Browser unterstützt werden |
Die Eigenschaft mime verfügt über drei vordefinierte Felder:
- name - der Name des MIME-Typs (Video / MPEG)
- description - Beschreibung des Typs
- Suffixe - Liste aller möglichen Dateisuffixe (Dateierweiterungen) für den MIME-Typ.
Beispiel # 2
JavaScript Navigator-Auflistung
Code:
var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")
Ausgabe:
Beispiel # 3
JavaScript Navigator-Eigenschaft - Geolocation
Code:
navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)
Ausgabe:
Es ist hilfreich, den Standort des Benutzers anzugeben, erfordert jedoch die Erlaubnis des Benutzers, seinen Standort freizugeben. Die Geolokalisierung ist für Geräte mit GPS viel präziser. Diese Eigenschaft ist auch schreibgeschützt.
Fazit
Wir haben gelernt, wie Browserinformationen mit JavaScript abgerufen werden, und wie uns das Navigatorobjekt dabei hilft, Informationen wie Name, Version, Plattform usw. des Browsers des Benutzers abzurufen und ob Cookies im Browser des Benutzers aktiviert sind oder nicht. Denken Sie daran, dass einige Browser falsche Informationen angeben, um Site-Tests zu umgehen.
Empfohlene Artikel
Dies war eine Anleitung für Navigator in JavaScript. Hier diskutieren wir auch die Eigenschaften des Navigators in JavaScript zusammen mit den Beispielen. Weitere Informationen finden Sie auch in den folgenden Artikeln.
- Wie funktioniert JavaScript?
- JavaScript vs JQuery
- TypeScript gegen JavaScript
- HTML5 vs JavaScript
- PL / SQL-Sammlungen | Syntax, Typen, Ausnahmen
- Wie funktionieren Cookies in JavaScript?