Javascript - L'objet Navigator

Javascript
Javascript
Implantation du code
Variables javascript
Tableaux javascript
Chaîne de caractères
Événements javascript
Opérateurs
Structures conditionnelles
Fonctions
Méthodes
Boîtes de dialogue
La notion d'objet
Objets de Javascript
Objets du noyau
Objet Array
Objet Boolean
Objet Date
Objet Math>
Objet RegExp
Objet String
Objets du navigateur
Présentation des objets
Objet window
Objet navigator
Objet history
A lire aussi
HTML
CSS
PHP
AJAX
RSS
Podcast
Webmastering
Nom de domaine
Hébergement
A voir aussi
FAQ langages
FAQ programmation
FAQ webmaster
FAQ Internet
FAQ réseaux

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)
Plus d'astuces sur « javascript navigator objet »

Discussions pertinentes trouvées dans le forum

22/01 15h35	[Javascript]Objet attendu	Webmastering	22/01 16h57->lomic2	5
12/05 14h16	[Javascript] Nommer un objet "nom[indice]&quo	Développement	15/05 09h14->Delta9_THC	2
18/12 21h04	[PHP-Javascript] XHR et PHP Objet	Développement	18/12 21h21->kij_82	1
09/01 21h54	[javascript] Objet XHR sur server OVH	Webmastering	09/01 21h59->kij_82	1
26/05 09h38	javascript et objet	Windows	26/05 15h30->jul	8
24/01 15h04	[Javascript]modifier la valeur d'un objet	Développement	26/01 10h24->kij_82	8
21/08 15h57	javascript: comment declarer un objet	Développement	21/08 17h02->sylvie27	4
31/05 19h13	objet date de javascript	Windows	01/06 13h41->Azrael	2
11/04 15h19	Accèder à un objet cellule en Javascript	Windows	11/04 16h38->doue	1
30/07 18h49	[javascript] Presence d'un objet en cache	Windows	31/07 10h04->omar	1
Discussion fermée Problème résolu		Plus de discussions sur « javascript navigator objet »