JavaScript-Fensternavigator

Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

Das window.navigator-Objekt enthält Informationen über Browser des Besuchers.

Fensternavigator

Das window.navigator-Objekt kann ohne das Fensterpräfix geschrieben werden.

Einige Beispiele:

  • navigator.cookieEnabled

  • navigator.appCodeName

  • navigator.platform

Browser-Cookies

Die Eigenschaft cookieEnabled gibt „true“ zurück, wenn Cookies aktiviert sind, andernfalls FALSCH:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The cookieEnabled property returns true if cookies are enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>

</body>
</html>

Name der Browseranwendung

Die Eigenschaft appName gibt den Anwendungsnamen zurück des Browsers:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appName property returns the application name of the browser:</p>

<p id="demo"></p>

<p>Strange enough, "Netscape" is the application name for IE11, Chrome, Firefox, and Safari.</p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appName is " + navigator.appName;
</script>

</body>
</html>

Warnung

Diese Eigenschaft wurde im neuesten Webstandard entfernt (veraltet).

Die meisten Browser (IE11, Chrome, Firefox, Safari) geben Netscape als appName zurück.

Codename der Browser-Anwendung

Die Eigenschaft appCodeName gibt den Namen des Anwendungscodes zurück des Browsers:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.appCodeName is " + navigator.appCodeName;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Navigator</h2>

<p>The appCodeName property returns the code name of the browser.</p>

<p>Do not rely on it! "Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appCodeName is " + navigator.appCodeName;
</script>

</body>
</html>

Warnung

Diese Eigenschaft wurde im neuesten Webstandard entfernt (veraltet).

Die meisten Browser (IE11, Chrome, Firefox, Safari, Opera) geben Mozilla als appCodeName zurück.

Die Browser-Engine

Die Eigenschaft product gibt zurück der Produktname der Browser-Engine:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.product is " + navigator.product;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The product property returns the product name of the browser.</p>

<p>Do not rely on it! Most browsers returns "Gecko" as product name!</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>

</body>
</html>

Warnung

Diese Eigenschaft wurde im neuesten Webstandard entfernt (veraltet).

Die meisten Browser geben Gecko als Produkt zurück.

Die Browserversion

Die Eigenschaft appVersion gibt zurück Versionsinformationen zum Browser:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appVersion property returns version information about the browser:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

</body>
</html>

Der Browser-Agent

Die Eigenschaft userAgent gibt den vom Browser an den Server gesendeten User-Agent-Header zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The userAgent property returns the user-agent header sent by the browser to the server:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>

</body>
</html>

Warnung

Die Informationen des Navigatorobjekts können oft irreführend sein.

Das Navigator-Objekt sollte nicht zur Erkennung von Browserversionen verwendet werden, weil:

  • Verschiedene Browser können denselben Namen verwenden

  • Die Navigatordaten können vom Browserbesitzer geändert werden

  • Einige Browser identifizieren sich fälschlicherweise, um Website-Tests zu umgehen

  • Browser können keine neuen Betriebssysteme melden, die später als der Browser veröffentlicht wurden

Die Browser-Plattform

Die Eigenschaft platform gibt die Browserplattform zurück (Betriebssystem):

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The platform property returns the browser platform (operating system):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.platform is " + navigator.platform;
</script>

</body>
</html>

Die Browsersprache

Die Eigenschaft Sprache gibt die Sprache des Browsers zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The language property returns the browser's language:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.language is " + navigator.language;
</script>

</body>
</html>

Ist der Browser online?

Die Eigenschaft onLine gibt true zurück, wenn der Browser online ist:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The onLine property returns true if the browser is online:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.onLine is " + navigator.onLine;
</script>

</body>
</html>

Ist Java aktiviert?

Die Methode javaEnabled() gibt true zurück, wenn Java aktiviert ist:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The javaEnabled() method returns true if Java is enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"javaEnabled is " + navigator.javaEnabled();
</script>

</body>
</html>