Empêcher le mode de compatibilité de IE

Comme nous vivons maintenant dans le futur (ou presque), il peut être agaçant de voir que nos jolis sites Web 2.0 sur lesquelles nous avons mis tant de temps à standardiser cherchent à s'afficher en Quirks modeDepuis sa version 8, Internet Explorer offre à l'utilisateur de choisir sous quel mode il doit s'afficher.

Pourtant, si cette option peut être pratique pour les sites devenus obsolètes par les nouvelles versions de navigateurs mais pour les sites se basant sur les nouvelles technologies, elle est très nuisible.

Avant toutes choses, vous devez standardiser vos sites. Internet Explorer regarde le code HTML de chaque page avant de décider s'il doit activer le mode de compatibilité. Il vérifie le doctype, les meta tags et quelles balises sont utilisées.

Ensuite, ajoutez la balise suivante dans la balise head de votre page :
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
Celle-ci forcera Internet Explorer à utiliser le mode le plus à jour qu'il connaisse. En changeant la valeur de l'attribut content, il serait aussi possible de forcer l'utilisation d'un mode plus ancien.

Finalement, il est aussi possible de forcer l'utilisation d'un mode en changeant les entêtes envoyées au navigateur.

Sur PHP :
header('X-UA-Compatible: IE=Edge');
Sur ASP.NET :
<system.webserver>
   <httpProtocol>
      <customHeaders>
         <add name="X-UA-Compatible" value="IE=Edge" />
      </customHeaders>
   </httpProtocol>
</system.webServer>

Aucun commentaire: