JavaScript fönsternavigator


Innehållsförteckning

    Visa innehållsförteckning


Objektet window.navigator innehåller information om besökarens webbläsare.


Fönsternavigator

Objektet window.navigator kan skrivas utan fönsterprefixet.

Några exempel:

  • navigator.cookieEnabled

  • navigator.appCodeName

  • navigator.plattform


Webbläsarcookies

Egenskapen cookieEnabled returnerar true om cookies är aktiverade, annars falsk:

Exempel

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

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

Prova själv →

<!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>

Webbläsarapplikationens namn

Egenskapen appName returnerar programnamnet av webbläsaren:

Exempel

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

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

Prova själv →

<!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>

Varning

Den här egenskapen är borttagen (fasad) i den senaste webbstandarden.

De flesta webbläsare (IE11, Chrome, Firefox, Safari) returnerar Netscape som appName.



Webbläsarapplikationens kodnamn

Egenskapen appCodeName returnerar programkodnamnet av webbläsaren:

Exempel

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

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

Prova själv →

<!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>

Varning

Den här egenskapen är borttagen (fasad) i den senaste webbstandarden.

De flesta webbläsare (IE11, Chrome, Firefox, Safari, Opera) returnerar Mozilla som appCodeName.


Webbläsarmotorn

Egenskapen product returnerar webbläsarmotorns produktnamn:

Exempel

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

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

Prova själv →

<!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>

Varning

Den här egenskapen är borttagen (fasad) i den senaste webbstandarden.

De flesta webbläsare returnerar Gecko som produkt.


Webbläsarversionen

Egenskapen appVersion returnerar versionsinformation om webbläsaren:

Exempel

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

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

Prova själv →

<!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>

Webbläsaragenten

Egenskapen userAgent returnerar user-agent-huvudet som skickats av webbläsaren till servern:

Exempel

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

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

Prova själv →

<!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>

Varning

Informationen från navigatorobjektet kan ofta vara missvisande.

Navigatorobjektet ska inte användas för att identifiera webbläsarversioner eftersom:

  • Olika webbläsare kan använda samma namn

  • Navigatorns data kan ändras av webbläsarens ägare

  • Vissa webbläsare identifierar sig felaktigt för att kringgå webbplatstester

  • Webbläsare kan inte rapportera nya operativsystem som släpps senare än webbläsaren


Webbläsarplattformen

Egenskapen plattform returnerar webbläsarplattformen (operativ system):

Exempel

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

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

Prova själv →

<!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>

Webbläsarens språk

Egenskapen language returnerar webbläsarens språk:

Exempel

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

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

Prova själv →

<!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>

Är webbläsaren online?

Egenskapen onLine returnerar true om webbläsaren är online:

Exempel

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

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

Prova själv →

<!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>

Är Java aktiverat?

Metoden javaEnabled() returnerar true om Java är aktiverat:

Exempel

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

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

Prova själv →

<!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>