La tête du client

Parmi les fonctions les plus utilisées du JavaScript, on doit mentionner sa capacité à identifier le navigateur et la machine utilisés par l'internaute. CrapoWeb vous propose de suivre pas à pas la réalisation d'un script à intégrer à votre pages d'accueil.

On commence par insérer dans la balise HTML <HEAD> le code JavaScript requis :

La propriété appName de l'objet navigator est une chaîne informant sur le nom du navigateur. Notre script stocke sa valeur dans la variable APP.

var APP=navigator.appName

La propriété appVersion de l'objet navigator donne quant à elle des informations sur la version du navigateur sous la forme suivante : Numéros de version (plate-forme ; pays; ). Avec un Mac utilisant Netscape 4, on obtient par exemple : 4.04 (Macintosh; I ; PPC) où "I" signifie International release.

Il est aisé de convertir cette chaîne commençant par un nombre entier, à l'aide de le fonction parseFloat() . Nous créons une variable VERS pour stocker le résultât.

var VERS=parseFloat(navigator.appVersion)

Le mot clé if permet de tester si la propriété appVersion contient ou non la chaîne "WIN". Si appVersion ne contenait pas la sous-chaîne "WIN" (si la machine était un Mac par exemple) alors indexOf( "WIN" ) plutôt que de renvoyer la position de la sous-chaîne, retournerait -1.

if (navigator.appVersion.indexOf("win") !=-1) {
MACHINE="Windows"}
else {
MACHINE="unknown"}
}

Pour identifier une autre plate-forme il faudrait alors procéder à autant de test qu'il y de désignations possibles ! On se simplifiera la tâche si l'on convertit appVersion en minuscules à l'aide de la méthode toLowerCase() :

AV=navigator.appVersion.toLowerCase()

if (navigator.AV.indexOf("sunos") != -1 {
MACHINE="sun"}
if navigator.AV.indexOf("ppc") !=-1 {
MACHINE="Mac"}
...

Nous voici désormais en possession de trois variables APP, MACHINE, VERS qu'il est possible d'utiliser dans le corps de la page pour saluer le navigateur :

<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write("Bonjour à l'utilisateur de "+ APP + " "+ VERS +" sur "+ MACHINE) </SCRIPT>
</BODY>

Vous trouverez ci-après la source de la page dans son entier :

<HEAD>
<TITLE>
SALUT AU NAVIGATEUR
</TITLE>

<SCRIPT LANGUAGE="JavaScript">

// Script utile offert par le CrapoWeb™

var APP=navigator.appName

var VERS=parseFloat(navigator.appVersion)

if (navigator.appVersion.indexOf("win") != -1) {
MACHINE="Windows"}
else {
if (navigator.appVersion.indexOf("Mac") != -1 {
MACHINE="Macintosh" }
else {
MACHINE="Unknown"
}
}

</SCRIPT>
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write("Bonjour à l'utilisateur de "+ APP + " " + VERS + (MACHINE!="Unknown" ? " sur " + MACHINE : "")
</SCRIPT>
...
</BODY>
</HTML>

Une liste des informations retournées par appVersion en fonction des différentes plates-formes peut être consultée en ligne sur http://home.kiss.de/~i_thum/JS_tutorial/bstat/navobj.html

< Sommaire