Difference between revisions of "How to determine browser capabilities/fr"
From Joomla! Documentation
(Created page with "Trucs et astuces FAQ Développement de composant JavaScript") |
|||
Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
− | Il arrive parfois que différents navigateurs web affichent de façon | + | 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
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.