Pour interdire le mode de compatibilité d'IE

Pour interdire le mode de compatibilité d'IE (le 17/03/2012)

Des fois, il vous arrive (comme moi) qu'un client vous appelle en disant « mon site est tout cassé ». Après un rapide diagnostic, vous constatez que ledit client utilise IE, mais avec, sans aucune raison tangible, le mode de compatibilité activé (la petite page cassée dans la barre d'adresse).

À la base, le mode de compatibilité est prévu pour pouvoir faire fonctionner les vieux sites qui ont été conçus à la mode du tag soup et qui se fichaient bien du respect des standards.

Idéalement, la possibilité d'utiliser ce mode devrait être laissée, toutefois, il est parfois pénible de chercher pendant 10 minutes ce qui peut déconner chez le client alors que le site a été conçu dans les règles de l'art (comprenez en respectant les standards)

Toutefois, il est possible d'interdire cette possibilité, et de plusieurs manières :

  • via un méta-tag : <meta http-equiv="X-UA-Compatible" content="IE=edge" />,
  • via un entête PHP : header('X-UA-Compatible: IE=edge');,
  • ou soit directement dans un htaccess via header set X-UA-Compatible "IE=Edge".

Si vous utilisez la dernière version et sans avoir restreint cet entête à certains fichiers, il pourra être utile de le désactiver pour les types de fichiers n'en ayant pas besoin :

<FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|
m4a|ogv|mp4|m4v|webm|
svg|svgz|eot|ttf|otf|
woff|ico|webp|appcache|
manifest|htc|crx|xpi|safariextz|vcf)$" >
 Header unset X-UA-Compatible
</FilesMatch>

En utilisant l'une de ces trois méthodes, vous verrez qu'IE ne propose plus ce mode de compatibilité sur votre site, il sera forcé d'utiliser le plus haut mode de rendu sur votre site.

Permalien :

Flux RSS des commentaires de ce billet : https://www.nicolas-hoffmann.net/rss/commentaires.php?id_news=1463

5 commentaires

Posté par Victor Brito le 17/03/2012 à 11:02:17
Un rappel surtout utile pour les Intranets et les pages destinées à être affichées en local (serveur localhost ou ouverture directe du fichier HTML), deux cas où, en effet, IE utilise par défaut le mode de compatibilité IE 7 (sauf à décocher une case spécifique dans le panneau de configuration du mode de compatibilité, dont on peut remarquer une illustration sous IE 8 sur cet article de Håkon Wium Lie http://www.theregister.co.uk/2008/08/29/hakon_lie_ie8_interoperability/).
Posté par Nico le 17/03/2012 à 11:53:59
Ah, c'est bon à savoir ! (sourire)
Posté par Raphael le 17/03/2012 à 12:18:12
Hello,

De notre côté nous sommes assez réticents à employer ce char d'assaut. Il paraît que c'est un monstre en terme de performances :/
Posté par Nico le 17/03/2012 à 13:28:54
Ce char d'assaut... C'est-à-dire ? (je n'ai pas compris ton propos)
Posté par Nico le 17/03/2012 à 19:01:29
Alors, tu parlais d'un problème de perfs, après plusieurs essais sur plusieurs sites bien différents, je ne constate aucune différence significative, les chiffres sont très semblables, que ce soit sur IE 7, 8 ou 9.

Que ce soit avec ou sans mode de compatibilité, le temps de rendu ne semble pas influencé par ça.

Ajouter un commentaire









L'option « Se souvenir de mes informations » utilise un cookie, elle ne sera pas effective si vous les avez désactivés.

Les balises HTML ne seront pas interprétées, il est donc inutile d'en mettre. Par contre, les sauts de lignes de votre commentaire seront pris en compte, ne mettez donc pas de <br />, le site s'en chargera. Bien sûr, un commentaire vide ne sera pas ajouté !

L'auteur (autrement dit moi) n'est pas responsable des éventuelles fautes d'orthographe dans les commentaires.
Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.

Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abstenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable. Ne vous gênez pas pour utiliser l'option "Prévisualiser" si vous voulez vous relire avant de poster, je vous en remercie d'avance !

Cet article a été écrit par Nicolas Hoffmann.

Ce site est la propriété de Nicolas Hoffmann.
Tous droits réservés, les textes du blog sont publiés sous licence CC BY-NC-SA.