Dyrk

Aujourd'hui la plupart des navigateurs installés sur les bêtes de course qui vous servent d'ordinateur disposent de console pour les développeur (accessible en appuyant sur F12).

Ces consoles ont tout un tas de vertus thérapeutique pour nous autres développeurs ^^
Non sans déconner, il y a un paquet de fonctionnalités, pour déboguer, auditer, et améliorer vos sites Web et Application Mobile.

L'une de ces fameuses options que l'on retrouve souvent et l'émulation de navigateur / tablette / smartphone, ...

Par exemple sur Chrome :

Ou bien sur Firefox :

Ou encore sur Internet Explorer :

 
Bon, pour cet article, ce qui va nous intéresser, est essentiellement notre cher et tendre Internet Explorer, car c'est là que les choses deviennent amusantes :)

Un développeur peut interagir avec la console de son navigateur, en passant par certaines fonctions javascript.

Par exemple le fameux :

Console.log()

Qui permet d'afficher du texte, des tableaux, des variables, des objets, ... pour déboguer un peu

Et bien Internet Explorer a un moyen de basculer automatiquement son navigateur dans un mode particulier ^^

Pour mieux formuler un peu la description de la chose, nous allons imaginer que vous utilisez la dernière version d'internet explorer.

Un développeur pourra depuis son site, demander à votre navigateur de l'afficher et d’exécuter son code comme si vous aviez Internet Explorer 7 (ça inclus les éventuels gros plantages).

Bon bien sur il faut être fou pour avoir envie de faire ce genre de chose, internet explorer, étant de base le pire ennemie des développeurs ... alors allons donc ... émuler un navigateur ancien comme le monde ^^

Bref J'ai découvert cette astuce, car dans une des boites ou j'ai eu l'occasion de travailler, un client m'appel, et me dis qu'une des pages d'un de nos sites ne fonctionnent pas ... n'affiche rien, une page blanche ...
Il nous jure par tous les dieux qu'il a la dernière version d'internet, sur le dernier système d'exploitation en date, avec une connexion du feux de dieu ... bref

Après diagnostique on se rend compte qu'effectivement il y a  bien anguille sous roche, et en analysant un peu je trouve quelques erreurs javascript, des div mal fermé, ...

Mais ça ne résout, malgré mon avancement dans les corrections, toujours rien ...

Et c'est là !!! Qu'une révélation m'est apparu !

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

 

Le cauchemar a pris fin, quand j'ai viré cette saleté de balise ^^

Du coup, vous comprendrez bien sur comment fonctionne cette balise ^^ qui peut surement s'avérer utile pour tester si votre code résiste à la préhistoire ...