Difference between revisions of "How to determine browser capabilities/fr"

From Joomla! Documentation

Line 1: Line 1:
 
<noinclude><languages /></noinclude>
 
<noinclude><languages /></noinclude>
Il arrive parfois que différents navigateurs web affichent de façon différentes le rendu d'une page. Pour cette raison, vous pouvez souhaitez déterminer quel navigateur un visiteur utilise, afin de fournir un CSS spécifique pour ce navigateur.
+
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.
  
 
The following JavaScript defines a simple browser detection object which determines the browser's name and version by decoding the <code>navigator.userAgent</code> string.
 
The following JavaScript defines a simple browser detection object which determines the browser's name and version by decoding the <code>navigator.userAgent</code> string.

Revision as of 15:54, 22 May 2015

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎中文(台灣)‎

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.

The following JavaScript defines a simple browser detection object which determines the browser's name and version by decoding the navigator.userAgent string.

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.