Vous êtes sans doute aperçu que les programmes JavaScript sont interprétés de manière sensiblement différente, selon le navigateur utilisé.
Le code peut même, selon les cas, s’avérer partiellement incompatible. Nous allons tenter d’interroger, à l’aide d’un programme JavaScript, les divers navigateurs. Nous commençons par déterminer le nom du navigateur, à l’aide de la propriété d’objet navigator.aapname.
Exemple :
<script language="JavaScript"><!--
var browser;
browser=navigator.appName;
document.write("Vous utilisez " + browser);
//--></script>
Dans ce script, nous affectons à la variable browser la propriété d’objet navigator.appname, qui livre en retour le nom du navigateur en vigueur.
L’objet navigator offre de nombreuses propriétés qui sont :
Autres exemples :
<script language="JavaScript"><!--
var browser;
browser=navigator.appName;
version=navigator.appVersion;
language=navigator.language;
os=navigator.platform;
codename=navigator.appCodeName;
agent=navigator.userAgent;
document.write("Vous utilisez " + browser + "<br>");
document.write ("en version " + version + "<br>");
document.write("La langue utilisée est " + language + "<br>");
document.write("Votre système d'exploitation est " + os + "<br>");
document.write("Le nom de code est " + codename + "<br>");
document.write("L'attribut userAgent livre " + agent + "<br>");
//--></script>
Les internautes surfent sur le Web avec des résolutions diverses. Le standard actuel est 800*600 pixels, mais on trouve également 1024*768 pixels, ainsi que 640*480 pixels.
Il est clair que les pages Web ont des allures tout à fait différentes dans ces multiples résolutions. La solution idéale consiste à créer des pages adaptées, chacune étant optimisée pour la résolution concernée.
Il nous faudra pour cela un objet screen. Les propriétés suivantes de l’objet permettent de connaître la résolution :
L’objet window livre quelques informations complémentaires, mais elles ne sont disponibles qu’avec Netscape, à partir de la version 4.
Exemple :
<script language="JavaScript"><!--
var Hauteur, Largeur, ProfondeurCouleurs, ProfondeurPixels, vHauteur, vLargeur;
Hauteur=screen.height;
Largeur=screen.width;
ProfondeurCouleurs=screen.colorDepth;
ProfondeurPixels=screen.pixelDepth;
vHauteur=screen.availHeight;
vLargeur=screen.availWidth;
document.write ("Hauteur : " + Hauteur + "<br>");
document.write ("Largeur : " + Largeur + "<br>");
document.write ("Profondeur de Couleurs : " + ProfondeurCouleurs + "<br>");
document.write ("Profondeur de Pixels : " + ProfondeurPixels + "<br>");
document.write ("Hauteur disponible : " + vHauteur + "<br>");
document.write ("Largeur disponible : " + vLargeur + "<br>");
//--></script>