oujood.com

L'objet Navigator et ses propriétés et méthodes

Dans ce tutoriel nous allons voir l'objet navigateur de JavaScript et apprendre comment l'utiliser pour effectuer la détection de navigateur, que le sujet soit Firefox, Internet Explorer

chercher |

Objet Navigator en javascript

L'objet navigator contient des informations sur le navigateur.

Remarque : Il n'y a aucune norme publique qui s'applique à l'objet navigator, mais il est pris en charge par  tous les principaux navigateurs.


Propriétés de l'objet Navigator

L'objet navigator de JavaScript contient les propriétés de base suivantes :

Propriété Description
appCodeName retourne le nom de code du navigateur.
appName retourne le nom du navigateur.
appVersion retourne les informations de version du navigateur.
cookieEnabled Déterminer si les cookies sont activés
onLine booléenne qui spécifie si le système est en mode hors connexion
platform Retourne la plate forme pour laquelle le navigateur est compilé
userAgent Retourne l'en-tête user-agent envoyée par le navigateur au serveur

Méthodes de l'objet Navigator

Méthode Description
javaEnabled() booléenne qui indique si le navigateur a le Java  activé
taintEnabled() booléenne qui indique si le navigateur a data tainting activé

Navigator La propriété appCodeName  

Exemple Retourne le nom de code de votre navigateur :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple code name du navigateur</title>
  </head>
  <body>
   
  <p id="dmo">Cliquez le bouton pour voir le code name de votre explorateur.</p>
   
  <button onclick="myFunction()">Voir</button>
   
  <script>
  function myFunction()
  {
  var x = "Le CodeName de votre navigateur est : " + navigator.appCodeName;
  document.getElementById("dmo").innerHTML=x;
  }
  </script>
   
  </body>
  </html>

La propriété appCodeName retourne le nom de code du navigateur.

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété appCodeName est prise en charge dans tous les principaux navigateurs.

Syntaxe

navigator.appCodeName


Navigator La propriété appName

La propriété appName retourne le nom du navigateur.

Syntaxe

navigator.appName

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété appName est prise en charge dans tous les principaux navigateurs.

Exemple Retourner le nom de votre navigateur :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple  nom du navigateur</title>
  </head>
  <body>
   
  <p id="demo">Cliquez le bouton pour voir le nom de votre explorateur.</p>
   
  <button onclick="myFunction()">Voir</button>
   
  <script>
  function myFunction()
  {
  var x = "Le nom de votre navigateur est : " + navigator.appName;
  document.getElementById("demo").innerHTML=x;
  }
  </script>
   
  </body>
  </html>

Navigator La propriété appVersion

La propriété appVersion retourne les informations de la version du navigateur.

Syntaxe

navigator.appVersion

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété appVersion est prise en charge dans tous les principaux navigateurs.

Exemple Retourne la version de votre navigateur :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple version du navigateur</title>
  </head>
  <body>
   
  <p id="demo">Cliquez le bouton pour voir la version de votre explorateur.</p>
   
  <button onclick="myFunction()">Voir</button>
   
  <script>
  function myFunction()
  {
  var x = "La version de votre navigateur est : " + navigator.appVersion;
  document.getElementById("demo").innerHTML=x;
  }
  </script>
   
  </body>
  </html>

Navigator La propriété cookieEnabled

La propriété cookieEnabled ne retourne une valeur booléenne qui spécifie si les cookies sont activés dans le navigateur.

Syntaxe

navigator.cookieEnabled

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété cookieEnabled est prise en charge dans tous les principaux navigateurs.

Exemple Déterminer si les cookies sont activés dans votre navigateur :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple Déterminer si les cookies sont activés </title>
  </head>
  <body>
  <p id="demo"> </p>
  <script>
  if(navigator.cookieEnabled==true) {
  var x = "Les cookies sont activées dans votre navigateur ";
   
  }else {var x = "Les cookies ne sont pas activées dans votre navigateur ";}
  document.getElementById("demo").innerHTML=x;
  </script>
   
  </body>
  </html>

Navigateur La propriété onLine

La propriété onLigne retourne une valeur booléenne qui spécifie si le système est en mode hors connexion.

Syntaxe

navigator.onLine

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété en ligne est prise en charge dans tous les principaux navigateurs.

Exemple Le navigateur est-il en mode hors connexion

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple navigateur travaille en line</title>
  </head>
  <body>
  <p id="demo"> </p>
  <script>
  if(navigator.onLine==true) {
  var x = "Votre navigateur travaille en line";
   
  }else {var x = "Votre navigateur travaille hors connexion ";}
  document.getElementById("demo").innerHTML=x;
  </script>
   
  </body>
  </html>

Navigator La propriété plateform

La propriété  plateform  retourne pour quelle plate-forme le navigateur est compilé.

Syntaxe

navigator.platform

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété de la plate-forme est prise en charge dans tous les principaux navigateurs.

Exemple Pour quelle plate-forme est compilé votre navigateur ?

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple pltForm du navigateur</title>
  </head>
  <body>
   
  <p id="demo">Cliquez le bouton pour voir la plat-forme de votre explorateur.</p>
   
  <button onclick="myFunction()">Voir</button>
   
  <script>
  function myFunction()
  {
  var x = "Votre navigateur est configuré pour la plat forme " + navigator.platform;
  document.getElementById("demo").innerHTML=x;
  }
  </script>
   
  </body>
  </html>

Navigator La propriété userAgent

La propriété userAgent retourne la valeur de l'en-tête user-agent envoyée par le navigateur au serveur.

Syntaxe

navigator.userAgent

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La propriété userAgent est prise en charge dans tous les principaux navigateurs.

Exemple L'en-tête user-agent envoyée par votre navigateur :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple user-agent du navigateur</title>
  </head>
  <body>
   
  <p id="demo">Cliquez le bouton pour voir l'en-tête user-agent envoyée par votre navigateur au serveur.</p>
   
  <button onclick="myFunction()">Voir</button>
   
  <script>
  function myFunction()
  {
  var x = "L'en-tête user-agent envoyée par votre navigateur au serveur est : <br>" + navigator.userAgent;
  document.getElementById("demo").innerHTML=x;
  }
  </script>
   
  </body>
  </html>

Navigator javaEnabled() méthode

La méthode javaEnabled() retourne une valeur booléenne qui indique si Java est activé dans le navigateur .

Syntaxe

navigator.javaEnabled()

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode javaEnabled() est prise en charge dans tous les principaux navigateurs.

Exemple Déterminer si votre navigateur a Java activée :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple la méthode javaEnabled()</title>
  </head>
  <body>
   
  <p id="demo"></p>
   
   
  <script>
  if(navigator.javaEnabled()==true)
  {
  var x = "Votre navigateur accepte Java";
   
  }else var x = "Votre navigateur n'accepte pas Java";
  document.getElementById("demo").innerHTML=x;
  </script>
   
  </body>
  </html>

Navigator taintEnabled() méthode

La méthode taintEnabled() retourne une valeur booléenne qui indique si le navigateur a le data tainting activé.

Syntaxe

navigator.taintEnabled()

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode taintEnabled() est prise en charge dans Internet Explorer et Opera.

Exemple Déterminer si votre navigateur a data tainting activé :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple la méthode taintEnabled()</title>
  </head>
  <body>
   
  <p id="demo"></p> 
  <script>
  if(navigator.taintEnabled()==true)
  {
  var x = "Votre navigateur accepte data tainting ";
   
  }else var x = "Votre navigateur n'accepte pas data tainting ";
  document.getElementById("demo").innerHTML=x;
  </script>
   
  </body>
  </html>

Par carabde 30 mars 2014



Voir aussi nos tutoriel :

fonction str_word_count, str_word_count

Compte le nombre de mots utilisés dans une chaîne

fonction trim, trim

Supprime les espaces (ou d'autres caractères) en d but et fin de chaîne

jQuery Liste des méthodes AJAX

jQuery Liste des méthodes AJAX