MISE À JOUR : l'ancienne question s'applique uniquement à l'aperçu IE11; le mode navigateur était de retour dans la version finale d'IE11. Mais il y a un hic: il est quasiment inutile, car il n'émule pas les commentaires conditionnels. Par exemple, si vous les utilisez pour activer la prise en charge de HTML5 dans les IE hérités, vous ne pourrez plus déboguer votre site dans IE11.
<!--[if lte IE 8]>
<script src="html5shiv.js"></script>
<![endif]-->
Lisez une autre question StackOverflow et un problème de suivi des bogues IE . Microsoft n'a jamais répondu à cela, il semble donc qu'ils ont introduit ce bogue exprès pour inciter les gens à acheter des abonnements BrowserStack. L'émulation de commentaires conditionnels fonctionnait très bien dans la version préliminaire.
QUESTION ORIGINALE : Lorsque l'aperçu IE11 est installé sur Windows 7, il est livré avec un outil F12 à l'ancienne qui permet de changer les modes du navigateur.
Cependant, si vous allez dans le menu «Outils» et sélectionnez l'outil de développement «F12», il est remplacé par de nouveaux outils de développement et le «mode navigateur» n'est plus disponible.
La seule façon de le ramener est de désinstaller IE11 et de le réinstaller.
Existe-t-il un moyen plus simple de basculer entre les modes de navigateur dans IE11?
Réponses:
[METTRE À JOUR]
La question d'origine et la réponse ci-dessous s'appliquaient spécifiquement aux versions d' aperçu d' IE11 .
La version finale de IE11 ne en fait de fournir la possibilité de modes de navigateur commutateur de l'onglet Emulation dans les outils de développement:
Cela dit, les conseils que j'ai donnés ici (et ailleurs) pour éviter d'utiliser les modes de compatibilité pour les tests sont toujours valables: si vous souhaitez tester votre site pour la compatibilité avec les anciennes versions d'IE, vous devez toujours faire vos tests dans une copie réelle de ces version IE.
Cependant, cela signifie que le piratage du registre décrit dans la réponse de @ EugeneXa pour ramener les anciens outils de développement n'est plus nécessaire, puisque les nouveaux outils de développement ont maintenant la fonctionnalité qui lui manquait.
[RÉPONSE ORIGINALE]
Les développeurs IE ont délibérément abandonné la possibilité de changer de mode navigateur.
Il n'y a pas beaucoup de raisons pour lesquelles les gens changeraient de mode dans les outils de développement, mais l'une des principales raisons est qu'ils veulent tester leur site dans les anciennes versions d'IE. Malheureusement, les différents modes de compatibilité fournis par IE n'ont jamais été entièrement compatibles avec les anciennes versions d'IE, et les tests en mode compat ne sont tout simplement pas un substitut suffisant pour les tests dans des copies réelles de IE8, IE9, etc.
Les développeurs IE ont reconnu cela et rendent délibérément plus difficile pour les développeurs de faire cette erreur.
La meilleure pratique consiste à utiliser des copies réelles de chaque version d'IE pour tester votre site à la place.
Les différents modes de compatibilité sont toujours disponibles dans IE11, mais ne sont accessibles que si un site déclare explicitement qu'il veut s'exécuter en mode compat. Vous feriez cela en incluant un en-
X-UA-Compatibletête sur votre page.Et la liste déroulante du mode document est toujours disponible, mais n'offrira jamais que les options de "Edge" (c'est-à-dire le meilleur mode disponible pour la version actuelle d'IE, donc le mode IE11 dans IE11) ou le mode dans lequel la page est en cours d'exécution dans.
Ainsi, si vous accédez à une page chargée en mode compat, vous aurez la possibilité de basculer entre le mode compat spécifique dans lequel la page a été chargée ou le mode IE11 "Edge".
Et si vous allez sur une page qui se charge en mode IE11, alors vous ne serez offert que le mode «bord» et rien d'autre.
Cela signifie qu'il vous permet toujours de tester la façon dont une page en mode compatibilité réagit à sa mise à jour pour fonctionner en mode Edge, qui est de toute façon le seul cas d'utilisation vraiment légitime de la boîte de dépôt en mode document.
La boîte de dépôt IE11 Document Mode a une
iicône à côté qui vous amène au site Web modern.ie. Le but est de vous encourager à télécharger les VM que MS nous fournit pour tester nos sites en utilisant des copies réelles de chaque version d'IE. Cela vous donnera une expérience de test beaucoup plus précise et est fortement recommandé comme une bien meilleure pratique que les tests en changeant de mode dans les outils de développement.J'espère que cela vous explique un peu les choses.
la source
Bien que l'utilisation de machines virtuelles soit le meilleur moyen de tester d'anciens IE, il est possible de ramener les anciens outils F12 en modifiant le registre car IE11 écrase cette valeur lorsque le nouvel outil F12 est activé.
Merci à l'impressionnant Dimitri Nickolas pour cette astuce.
Cela fonctionne pour moi (enregistrer en tant que fichier .reg et exécuter):
la source
Vous pouvez l'obtenir en utilisant Emulation (Ctrl + 8) Mode Document (10,9,8,7,5), Profil du navigateur (Bureau, Windows Phone)
la source
Moyen le plus simple, surtout si dans MSDN, des heures perdues de mon temps, stupide MS
http://support.microsoft.com/kb/2900662/en-us?sd=rss
la source
Vous pouvez contourner ce problème en définissant l'en
X-UA-Compatible-tête méta pour la version spécifique d'IE avec laquelle vous déboguez. Cela changera le mode navigateur à la version que vous spécifiez dans l'en-tête.Par exemple:
Pour que le mode navigateur se mette à jour sur les outils de développement, vous devez fermer [les outils de développement] et rouvrir. Cela passera à cette version spécifique.
Le passage d'une version mineure à une version supérieure fonctionnera très bien en actualisant, mais si vous souhaitez revenir d'une version supérieure à une version mineure, comme de 9 à 7, vous devrez ouvrir un nouvel onglet et charger le page à nouveau.
Voici une capture d'écran:
la source
la source
Comment ramener le «mode navigateur» dans IE11?
Un moyen facile de ramener est simplement d'aller à l'émulation (ctrl +8)
et modifiez la chaîne de l'agent utilisateur. (voir image ci-jointe)
la source
Microsoft a un outil juste à cet effet: Microsoft Expression Web. Il existe une version gratuite avec un tas de déchets de type FrontPage / Dreamweaver dont personne ne veut. Ce qui est important, c'est qu'il dispose d'une excellente fonctionnalité de test de navigateur. J'utilise Windows 8.1 Pro (version finale, pas d'aperçu) avec Internet Explorer 11. Je reçois ces navigateurs locaux :
Ensuite, j'obtiens une option Remote Browsers (Beta). Je suis censé m'inscrire avec un e-mail valide, mais il y a une erreur de communication avec le serveur. Tant pis.
Firefox était auparavant pris en charge, mais je ne le vois pas maintenant. Peut-être se cacher.
Je peux comparer côte à côte entre les versions de navigateur. Je peux aussi comparer avec une image, ou apparemment, un fichier PSD (aucune idée à quel point cela fonctionne). InDesign serait bien, mais c'est probablement trop demander.
J'ai également partiellement installé la version complète d'Expression car Visual Studio Ultimate est sur le même ordinateur, alors j'apprécierais que quelqu'un confirme dans un commentaire que mon installation gratuite ne se met pas à niveau automatiquement.
Mise à jour: il semble que le service en ligne ait été interrompu , mais les navigateurs locaux sont toujours pris en charge. Vous pouvez également télécharger uniquement SuperPreview , sans les déchets de l'éditeur. Si vous voulez l'EDI complet, la dernière version est Microsoft Expression Web 4 (version gratuite) . Voici la liste officielle des navigateurs pris en charge . IE6 semble donner une erreur sur Windows 8.1, mais IE7 fonctionne.
Mise à jour du 09/12/2014: Microsoft a pratiquement renoncé à cela. Ne vous attendez pas à ce que cela fonctionne bien.
la source