Navigateur de fenêtre JavaScript

Table des matières

    Afficher la table des matières

L'objet window.navigator contient des informations sur le navigateur du visiteur.

Navigateur de fenêtres

L'objet window.navigator peut être écrit sans le préfixe window.

Quelques exemples:

  • navigator.cookieEnabled

  • navigator.appCodeName

  • navigator.platform

Cookies du navigateur

La propriété cookieEnabled renvoie true si les cookies sont activés, sinon FAUX:

Exemple

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

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

Essayez-le vous-même →

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

Nom de l'application du navigateur

La propriété appName renvoie le nom de l'application du navigateur :

Exemple

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

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

Essayez-le vous-même →

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

Avertissement

Cette propriété est supprimée (obsolète) dans le dernier standard Web.

La plupart des navigateurs (IE11, Chrome, Firefox, Safari) renvoient Netscape comme appName.

Nom du code de l'application du navigateur

La propriété appCodeName renvoie le nom de code de l'application du navigateur :

Exemple

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

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

Essayez-le vous-même →

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

Avertissement

Cette propriété est supprimée (obsolète) dans le dernier standard Web.

La plupart des navigateurs (IE11, Chrome, Firefox, Safari, Opera) renvoient Mozilla comme appCodeName.

Le moteur du navigateur

La propriété product renvoie le nom du produit du moteur de navigation :

Exemple

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

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

Essayez-le vous-même →

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

Avertissement

Cette propriété est supprimée (obsolète) dans le dernier standard Web.

La plupart des navigateurs renvoient Gecko comme produit.

La version du navigateur

La propriété appVersion renvoie informations sur la version du navigateur :

Exemple

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

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

Essayez-le vous-même →

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

L'agent de navigateur

La propriété userAgent renvoie l'en-tête user-agent envoyé par le navigateur au serveur :

Exemple

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

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

Essayez-le vous-même →

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

Avertissement

Les informations de l'objet navigateur peuvent souvent être trompeuses.

L'objet navigateur ne doit pas être utilisé pour détecter les versions du navigateur car :

  • Différents navigateurs peuvent utiliser le même nom

  • Les données du navigateur peuvent être modifié par le propriétaire du navigateur

  • Certains navigateurs s'identifient mal pour contourner les tests du site

  • Les navigateurs ne peuvent pas signaler les nouveaux systèmes d'exploitation publiés après le navigateur.

La plateforme du navigateur

La propriété platform renvoie la plateforme du navigateur (système opérateur):

Exemple

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

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

Essayez-le vous-même →

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

Le langage du navigateur

La propriété langue renvoie la langue du navigateur :

Exemple

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

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

Essayez-le vous-même →

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

Le navigateur est-il en ligne ?

La propriété onLine renvoie true si le navigateur est en ligne :

Exemple

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

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

Essayez-le vous-même →

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

Java est-il activé ?

La méthode javaEnabled() renvoie true si Java est activé :

Exemple

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

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

Essayez-le vous-même →

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