Hoe browser mogelijkheden bepalen

From Joomla! Documentation

This page is a translated version of the page How to determine browser capabilities and the translation is 100% complete.

Other languages:
English • ‎español • ‎français • ‎Nederlands

Verschillende web browsers tonen soms iets anders, doordat ze een pagina anders genereren. Om deze reden wilt u weten welke browser een bezoeker gebruikt, om browser specifieke CSS te gebruiken.

Het volgende JavaScript definieert een eenvoudig browser detectie-object welke de naam en de versie van de browser bepaalt door de navigator.userAgent string te decoderen.

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;
    }
  }
}

U creëert een instantie van dit object, om dit in een script te gebruiken:

var browser = new browserDetect();

Het property browser.name geeft daarna de naam van de browser (MSIE, Opera, Netscape of Firefox), browser.mainVersion geeft de hoofdversie en browser.minorVersion geeft het punt versienummer.

U moet echter weten dat dit niet waterdicht is en het is in het algemeen beter (is de mening van de schrijver) om het schrijven van browser-specifieke code zo veel mogelijk te voorkomen.