How to determine browser capabilities/fr

Il arrive parfois que différents navigateurs web affichent de façon différente le rendu d'une page. de ce fait, vous pouvez souhaiter déterminer quel navigateur un visiteur utilise, afin de fournir un CSS spécifique pour ce navigateur.

Le code JavaScript suivant définit une simple détection objet du navigateur qui détermine le nom du navigateur et la version en décodant la chaîne navigateur.userAgent.

function browserDetect()
{
  var browserNames=new Array("Opera", "MSIE","Netscape","Firefox");
  this.name="NK";
  this.mainVersion="NK";
  this.minorVersion="NK";
  
  for (var i=0; i< browserNames.length; i++)
  {
   var pattern='('+browserNames[i]+')'+'.([0-9]+)\.([0-9]+)';    
   var myRegExp=new RegExp(pattern);
   if (myRegExp.test(navigator.userAgent))
    {
      var results=myRegExp.exec(navigator.userAgent);
      this.name=results[1];
      this.mainVersion=results[2];
      this.minorVersion=results[3];
      break;
    }
  }
}

Afin de l'utiliser dans un script, il convient de créer une instance pour cet objet :

var browser = new browserDetect();

The property browser.name will then give you then name of the browser (MSIE, Opera, Netscape or Firefox), browser.mainVersion will give you the main version number and browser.minorVersion will give you the minor version number.

However you should be aware that this is not foolproof, and it is generally better (in this writer's opinion) to avoid writing browser-specific code as far as possible.