Certains des commentaires conditionnels fonctionnent comme « gt
» et « lt
», mais par exemple
<!--[if IE 8]>
ne fonctionnent pas. Ce n'est certainement pas pratique pour les développeurs qui souhaitent essayer l'apparence de leurs pages Web sur différentes versions des navigateurs Internet Explorer, mais ce n'est pas une mauvaise nouvelle.
Bien que les commentaires conditionnels ne fonctionnent pas, vous pouvez toujours tester l'apparence de votre page Web dans chacune des versions d'Internet Explorer en ajoutant les feuilles de style une à la fois: disons que vous avez une feuille de style pour Firefox, Chrome, Internet Explorer 10 et Internet Explorer 11 appelé « screen.css
», et une autre feuille de style UNIQUEMENT pour Internet Explorer 9 appelée « screen-ie9.css
» et une autre UNIQUEMENT pour Internet Explorer 8 appelée « screen-ie8.css
».
Pour tester vos pages Web UNIQUEMENT pour Internet Explorer 9, vous pouvez procéder comme suit:
<link rel="stylesheet" href="path/css/screen.css" type="text/css" />
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />
et dans les outils de développement F12, section Émulation, définissez le «Mode document» sur «9» et la «Chaîne de l'agent utilisateur» sur «Internet Explorer 9». Le mode document est la norme utilisée par Internet Explorer 9 et la chaîne de l'agent utilisateur est le navigateur lui-même.
PS: Je suppose que « screen.css
» est votre feuille de style de base, raison pour laquelle je l'appelle d'abord plutôt que «écraser» les corrections d'Internet Explorer 9 plus tard en appelant «screen-ie9.css
» en second.
En faisant cela, vous pouvez être "sûr" (je dois tester avec des machines virtuelles pour écrire le mot "sûr" sans guillemets) que vous visualisez votre page Web sur un navigateur Internet Explorer 9. Lorsque vous avez terminé les tests et le style sur Internet Explorer 9 et que vous souhaitez tester avec Internet Explorer 8, vous pouvez facilement faire la même astuce en remplaçant ceci:
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />
avec ça:
<link rel="stylesheet" href="path/css/screen-ie8.css" type="text/css" />
Donc, ce n'est qu'une question de désagréments MINEURS du côté de Microsoft, MAIS les nouveaux outils des développeurs F12 offrent BEAUCOUP de fonctionnalités étonnantes, ce qui en fait pas un gros problème.