Comment Ca Marche - Communauté informatique  
   
Accueil - Encyclopédie informatiqueTélécharger l'encyclopédieContribuer à cet article

Javascript - L'objet Navigator

L'objet navigator Encyclopédie


Les particularités de l'objet navigator

L'objet navigator est un objet qui permet de récupérer des informations sur le navigateur qu'utilise le visiteur. Cela paraît totalement inutile à première vue, toutefois, comme vous le savez sûrement, il existe de grandes différences entre différentes versions d'un même navigateur (intègration de nouvelles technologies), ainsi qu'entre des navigateurs de types différents (les deux antagonistes sont généralement Netscape Navigator © et Microsoft Internet Explorer qui d'une part n'interprètent pas toutes les balises HTML et les instructions Javascript de la même manière, et qui, d'autre part, possède parfois des balises HTML propriètaires, c'est-à-dire qui leur sont propres...).

Toutes les propriétés de l'objet navigator sont en lecture seule, elles servent uniquement à récupérer des informations et non à les modifier (il serait idiot de vouloir modifier les informations d'un navigateur...).

Les propriétés de l'objet navigator

Les propriétés de l'objet navigator sont peu nombreuses, elles permettent en fait de retourner des portions de l'information sur votre navigateur qui est en fait une chaîne de caractères. Etant donné que ces propriétés sont statiques, il est nécessaires de les faire précéder par navigator :

navigator.propriete
Dans le tableau suivant, la colonne de droite donne le résultat fourni par la propriété pour votre navigateur :
<script language="Javascript">

<!--
document.write(navigator.propriete);

// -->

</script>

Propriété Description Pour votre navigateur
appCodeName retourne le code du navigateur. Un navigateur a généralement pour nom de code Mozilla, le moteur utilisé par la plupart des navigateurs (internet explorer, netscape, mais aussi beaucoup de navigateurs sous Unix...). Cette valeur sera différente si le navigateur du client est pas basé sur un autre moteur (e.g. Opera, ...). 
appName retourne le nom du navigateur (la plupart du temps la marque). Cette propriété est utile pour différencier les navigateurs de Netscape et de Microsoft). 
appVersion retourne la version du navigateur. Cette propriété prend la forme suivante :
Numéro de version( plateforme (système d'exploitation), nationalité)
Elle est utile pour connaître le système d'exploitation de l'utilisateur, mais surtout, associée avec la propriété navigator.appName elle permet de connaître les fonctionnlités que supporte le navigateur de votre visiteur.
 
language renvoie une chaîne de caractère donnant la langue utilisée par la navigateur du client. Cette propriété n'est comprise que par les navigateurs supportant les versions 1.2 et supérieures de Javascript. 
mimeTypes Cette propriété renvoie un tableau répertoriant les types MIME supportés par le navigateur, c'est-à-dire les types de fichiers enregistrés. 
platform Cette propriété renvoie une chaîne de caractère indiquant la plateforme sur laquelle le navigateur fonctionne, c'est-à-dire le système d'exploitation du client. Cette propriété n'est comprise que par les navigateurs supportant les versions 1.2 et supérieures de Javascript. 
plugins Cette propriété renvoie un tableau contenant la liste des plugins installés sur la machine cliente. 
userAgent retourne la chaîne de caractère qui comprend toutes les informations sur le navigateur de client. Les propriétés ci-dessus offrent un moyen pratique de récupérer une partie de cette information. 

Les méthodes de l'objet navigator

Les méthodes de l'objet navigator permettent d'effectuer certaines opérations concernant le navigateur du client. Dans la mesure où il s'agit de méthodes statiques, il est indispensable de les faire précéder par navigator.

Méthode Description Pour votre navigateur
javaEnabled() Cette méthode permet de vérifier si le navigateur du client est configuré pour exécuter des applets Java. 
plugins.refresh() La méthode refresh() de la propriété plugin permet de rafraîchir la liste des plugins installés sur le poste client. 
preference("preference",valeur) Cette méthode supportée à partir de la version 1.2 de Javascript permet à un script signé de redéfinir les préférences du navigateur. Le script doit ainsi obtenir les privilèges suffisants pour pouvoir effectuer ces actions. 
SavePreferences() Cette méthode supportée à partir de la version 1.2 de Javascript permet de sauvegarder les modifications apportées aux préférences du navigateur du client.  
taintEnabled() Cette méthode permet de vérifier que la protection des données a été activée grâce à la méthode taint() de Javascript. Cette méthode est obsolète depuis la version 1.2 de Javascript, et ne fonctionne ainsi que sur Netscape Navigator 3. 

Utiliser efficacement ces propriétés

Les navigateurs ne supportent pas tous le Javascript de la même façon, ainsi, suivant les instructions Javascript que l'on utilisera (suivant qu'il s'agit de Javascript 1.0, 1.1, ou 1.2) il faudra exécuter des instructions différentes. Par respect pour vos visiteurs il est généralement bon de mettre en début de script une fonction qui permet de déterminer la version du navigateur (et/ou sa marque) et exécuter les instructions appropriées en fonction du résultat.

Voici une grille avec les navigateurs, les valeurs de propriétés et quelques fonctionalités associées à ceux-ci :

Navigateur Version navigator.appName navigator.appVersion Javascript
Ns Navigator 2 Netscape 2.0 (Win95; I) 1.0
Ns Navigator 3 Netscape 3.xx (Win95; I) 1.1
Ns Communicator 4 Netscape 4.xx (Win95; I) 1.1
Ms Internet Explorer 3 Microsoft Internet Explorer 2.0 (compatible; MSIE 3.0x; Win*) 1.0
Ms Internet Explorer 4 Microsoft Internet Explorer 4.0x (compatible; MSIE 4.0x; Win*) 1.2
Ms Internet Explorer 5 Microsoft Internet Explorer 5.xx (compatible; MSIE 5.0x; Win*) 1.2

Exemple de script

Il est parfois bon de pouvoir exécuter un ensemble d'instructions différent selon que le navigateur utilisé est Netscape Navigator ou Microsoft Internet Explorer, voici un exemple de petit script permettant la distinction :

Nom = navigator.appName;

 

if (Nom == 'Netscape') {
placer ici les instructions à exécuter s'il s'agit
de Netscape Navigator 4 ou supérieur
}

 

if (Nom == 'Microsoft Internet Explorer') {
placer ici les instructions à exécuter s'il s'agit
de Microsoft Internet Explorer 4 ou supérieur
}

Une méthode améliorée si jamais on a souvent besoin de faire le test de navigateur, car l'accès à l'objet navigator n'est effectué qu'une seule fois. Ensuite deux variables booléenne sont utilisées, et le test consiste uniquement à regarder si la variable contient 1 au 0 et le navigateur n'a pas besoin de comparer la chaine nom à chaque test de navigateur...

Nom = navigator.appName;

ns = (Nom == 'Netscape') ? 1:0
ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
 

if (ns) {
placer ici les instructions à exécuter s'il s'agit
de Netscape Navigator 4 ou supérieur
}

 

if (ie) {
placer ici les instructions à exécuter s'il s'agit
de Microsoft Internet Explorer 4 ou supérieur
}

Imaginons que l'on veuille maintenant afficher du DHTML (HTML dynamique, c'est-à-dire dont les objets peuvent bouger et être modifiés à loisir...), il faut alors vérifier que les versions des navigateurs sont supérieures à 4 (seuls Netscape Navigator 4 (ou supérieur) et Microsoft Internet Explorer 4 (ou supérieur) le supportent.

Voici le script permettant de vérifier que les versions sont supérieures à 4 :

Nom = navigator.appName;

Version = navigator.appVersion;

ns4 = (Nom == 'Netscape' && Version >= 4 ) ? 1:0
ie4 = (Nom == 'Microsoft Internet Explorer' && Version >= 4 ) ? 1:0
 

if (ns4) {
placer ici les instructions à exécuter s'il s'agit de
Netscape Navigator 4 ou supérieur
}

 

if (ie4) {
placer ici les instructions à exécuter s'il s'agit de
Microsoft Internet Explorer 4 ou supérieur
}

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50 convertisseur d'unités de mesures scientifiques (Javascript)
19/11 00h08 Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43 JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39 Coloration syntaxique dans vos pages web (Webmaster)
04/11 16h32 Interdire le clic droit de la souris (Javascript)
08/11 10h32 Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53 Date de dernière modification de la page (Javascript)
javascript navigator objet Plus d'astuces sur « javascript navigator objet »

Discussions pertinentes trouvées dans le forum

22/01 15h35 javascript objet attendu [Javascript]Objet attendu Webmastering 22/01 16h57->lomic25
12/05 14h16 javascript nommer objet nom indice quo [Javascript] Nommer un objet "nom[indice]&quo Développement 15/05 09h14->Delta9_THC2
18/12 21h04 php javascript xhr php objet [PHP-Javascript] XHR et PHP Objet Développement 18/12 21h21->kij_821
09/01 21h54 javascript objet xhr server ovh [javascript] Objet XHR sur server OVH Webmastering 09/01 21h59->kij_821
26/05 09h38 javascript objet javascript et objet Windows 26/05 15h30->jul8
24/01 15h04 javascript modifier valeur objet [Javascript]modifier la valeur d'un objet Développement 26/01 10h24->kij_828
21/08 15h57 javascript declarer objet javascript: comment declarer un objet Développement 21/08 17h02->sylvie274
31/05 19h13 objet date javascript objet date de javascript Windows 01/06 13h41->Azrael2
11/04 15h19 accèder objet cellule javascript Accèder à un objet cellule en Javascript Windows 11/04 16h38->doue1
30/07 18h49 javascript presence objet cache [javascript] Presence d'un objet en cache Windows 31/07 10h04->omar1
Discussion fermée Problème résolu javascript navigator objet Plus de discussions sur « javascript navigator objet »

Ce document intitulé « Javascript - L'objet Navigator » issu de l'encyclopédie informatique Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.